Уроки 8 - 12
§ 7. Язык HTML
Содержание урока
Гиперссылки
Практическая работа № 5 «Простая веб-страница»
Практическая работа № 6 «Гиперссылки, списки и рисунки»
Гиперссылки
Гиперссылка связывает элемент веб-страницы с другим документом. Гиперссылки по умолчанию выделяются синим цветом и подчёркиваются. Цвет посещённых гиперссылок изменяется на фиолетовый (чтобы пользователь видел, где он уже был).
Для создания гиперссылки в языке HTML служит тэг <a> (от англ. anchor — якорь). Его атрибут href (от англ. hyper reference — гиперссылка) указывает на документ, который должен быть загружен после щелчка на гиперссылке. Например (рис. 1.20):
| Переход на <а href="newpage.html"> новую страницу<a>. | 
Рис. 1.20 |
Обратите внимание, что адрес связанного документа (newpage. html) в окне/ браузера не виден 1), а на экране появляется выделенное содержимое контейнера (текст «новую страницу»).
1) Его обычно можно увидеть в строке состояния в нижней части окна браузера, если навести указатель мыши на гиперссылку.
Поскольку в атрибуте href указано только имя файла, а не его полный адрес, браузер будет искать документ в той же папке, где находится страница со ссылкой.
Ссылка на файл info.htm в папке news запишется в виде:
<а href="news/info.htm>Информация<a>.
Две точки означают выход из каталога «наверх», в родительскую папку. Например:
<а href="../../news/info.htm>Информация<a>.
В этом случае для поиска файла info.htm нужно выйти на два уровня вверх по дереву папок и затем войти в папку news.
Все рассмотренные выше гиперссылки — локальные (местные), т. е. они ведут к файлам, находящимся на том же сервере. Внешняя ссылка представляет собой полный адрес документа — URL, который включает протокол доступа к данным, имя сервера, папки и имя самого документа. Например:
<а href="example.net/news/info.htm>Информация<a>.
Если имя папки и файла не указано, ссылка ведёт на главную страницу сайта:
<а href="example.net/news/info.htm>Главная страница<a>.
Оформите на языке HTML гиперссылку с текстом «Информация», которая ссылается на:
а) документ moreinfo.htm в текущей папке;
б) рисунок тоге.рпд в папке images;
в) главную страницу сайта moreinfo.ru;
г) архив songs.zip в папке download на сайте moreinfo.ru.
Следующая страница 
Списки
Cкачать материалы урока
