Планирование уроков на учебный год (по учебнику К.Ю. Полякова, Е.А. Еремина, углубленный уровень)



Уроки 8 - 12
§ 7. Язык HTML





Содержание урока

Простейшая страница

Заголовки

Абзацы

Гиперссылки

Списки

Рисунки

Выводы

Вопросы и задания

Практическая работа № 5 «Простая веб-страница»

Практическая работа № 6 «Гиперссылки, списки и рисунки»


Гиперссылки


Гиперссылка связывает элемент веб-страницы с другим документом. Гиперссылки по умолчанию выделяются синим цветом и подчёркиваются. Цвет посещённых гиперссылок изменяется на фиолетовый (чтобы пользователь видел, где он уже был).

Для создания гиперссылки в языке HTML служит тэг <a> (от англ. anchor — якорь). Его атрибут href (от англ. hyper reference — гиперссылка) указывает на документ, который должен быть загружен после щелчка на гиперссылке. Например (рис. 1.20):

Переход на <а href="newpage.html"> новую страницу<a>. Рис. 1.20

Рис. 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качать материалы урока








Наверх