Внутренние ссылки в HTML
В предыдущем уроке мы делали ссылки на страницы чужих сайтов, копируя их адрес из адресной строки браузера. Пусть теперь вы хотите связать ссылками страницы своего сайта.
В таком случае копировать их адреса из адресной строки нельзя. Дело в том, что такие адреса будут содержать полный путь к вашей странице от корневого диска вашего компьютера, и при переносе в другую папку такие ссылки просто сломаются.
Для страниц своего сайта следует практиковать
другой подход. Изучим его на примере. Пусть
в корневой папке вашего сайта расположен
файл index.html и файл page.html.
Свяжем эти файлы ссылками. Для этого в атрибуте
href ссылок следует просто написать
имена этих файлов (с их расширением). Давайте
сделаем это.
На странице index.html сделаем ссылку
на страницу page.html:
<h1>Index</h1>
<a href="page.html">link on Page</a>
А на странице page.html сделаем ссылку
на страницу index.html:
<h1>Page</h1>
<a href="index.html">link on Index</a>
Сделайте три HTML страницы в корне вашего
сайта. Назовите их 1.html, 2.html,
3.html. Свяжите эти страницы ссылками
друг с другом.
Сделайте также страницу index.html.
Разместите на ней ссылки на страницы 1.html,
2.html, 3.html.
Модифицируйте предыдущую задачу так, чтобы
ссылки располагались в списке ul.