Страницы, файлы и ссылки
У большинства сайтов больше одной страницы. У нашего теперь есть вторая, about.html, так что сайт состоит из четырёх файлов: двух страниц, таблицы стилей и скрипта. Все четыре находятся над редактором.
Где хранятся такие файлы? На сервере — компьютере, который всегда включён и подключён к интернету и чья работа — отправлять файлы всем, кто их запрашивает. Каждая страница, которую вы когда-либо открывали, пришла с какого-нибудь сервера в мире.
У каждой страницы есть адрес, который называется URL, например https://www.example.com/about.html. Он состоит из двух частей: https://www.example.com — это адрес сервера, а /about.html — путь к файлу на нём. Когда вы открываете такой адрес:
- Браузер просит у сервера
www.example.comфайлabout.html. - Сервер находит файл и отправляет его браузеру.
- Браузер читает HTML и узнаёт, что странице нужен ещё и
style.css(а может быть, и скрипт), поэтому просит у сервера и их. - Когда у него есть всё нужное, он рисует страницу.
Страницы ведут друг к другу через ссылки. Ссылка пишется с помощью тега a:
<a href="about.html">Обо мне</a>href сообщает, куда ведёт ссылка, а текст между тегами — это то, на что вы нажимаете. В этой ссылке нет адреса сервера, только имя файла, поэтому браузер ищет about.html на том же сервере и в той же папке, что и текущая страница. Нажатие запускает весь путь заново: браузер запрашивает файл, получает его и рисует новую страницу.
Задание
- 1
В файле
index.htmlдобавьте ссылку на вторую страницу на новой строке сразу под<p id="message"></p>:<a href="about.html">Обо мне</a>. Запустите страницу, нажмите на ссылку в окне предпросмотра, а затем на ссылку обратно на главную.