# Внутренние ссылки в 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`.

← →
↑