Как добавить несколько страниц на мой сайт html в блокноте?

Question

Я пытаюсь закодировать простой веб-сайт html / css в блокноте, не используя никаких других инструментов. Я знаю, как связать страницу и добавить изображение, но я не знаю, как создать несколько страниц в первую очередь ... Я также не знаю, как добавлять изображения. Inte rnet, очевидно, не может получить доступ к файлам и изображениям, которые просто находятся на чьем-то компьютере, так как же мне собрать их все вместе? W3schools говорит о том, как вы можете ссылаться на другие страницы сайта, но что определяет «сайт»? Все ли они должны быть в одной папке? И если да, то как эта папка помещается в inte rnet? Я слышу, как люди говорят о каталоге, но я не знаю, что это значит ... Спасибо.

Answer 1

Постараюсь пошагово объяснить процесс. Надеюсь, это поможет вам.

Сначала создайте свою главную страницу с именем 'index. html "(например). Теперь добавьте в нее все, что хотите. А также добавьте ссылку на другую страницу, например: <a href='another_page.html'> Next Page </a> Теперь создайте еще один новый файл в блокноте с именем «another_page. html» в той же папке, где находится «index. html». Добавьте на страницу все, что хотите.

Теперь проверьте его в браузере. Откройте «index. html» и щелкните «Следующая страница». Теперь откроется ваша «другая_страница. html».

Для изображения предположим, что у вас есть 2 изображения с именами «image1.jpg» и «image2.jpg» в той же папке, что и файлы html. Вы хотите поместить «image1.jpg» в «index. html» и «image2.jpg» в «another_page. html ". Вы напишете этот код в" index. html ": <img href="image1.jpg">

И напишите это в" another_page. html ": <img href="image2.jpg">

Now" image1.jpg "будет отображаться в" index. html "и" image2.jpg "будет отображаться на" anotger_page. html "

Все имена взяты для примера. Вы можете использовать то, что любое имя, которое вы хотите. Надеюсь, это поможет вам.

Answer 2

Добро пожаловать в stackoverflow :)

Сначала вам нужно иметь несколько html файлов в одной папке, а затем просто сделать что-то вроде <a href='second_page.html' >Other page</a>

для добавления изображения, которое у вас должно быть изображение в той же папке и выполните

<img href='image.jpg'> или с веб-сайта, используя <img href='example.com'>

Наконец, для размещения вашего веб-сайта на inte rnet вы будете использовать такое программное обеспечение, как nginx или apache