Тема 6 внутренние гиперссылки

Теги для оформления гиперссылок

<a href=#имя_метки> текст ссылки </a>	Задание ссылки на метку в текущей HTML-документе. Якорь — это некоторая точка web-страницы (закладка), которой присвоено уникальное имя. Чтобы отличать имя якоря от имен файлов, в нем используется символ «#». Имя якоря должно быть коротким и не содержать пробелов
Переход по ссылке …………………………………. <a href=#имя_метки> текст ссылки </a> …………………………………. <a name=имя> текст </a> ………………………………….
<a href=имя_web-страницы> текст ссылки </a>	Задание ссылки на другую web-страницу
<body link=”цвет”>	Параметр link="цвет" определяет цвет еще не посещенной гиперссылки
<body vlink=”цвет”>	Параметр vlink="цвет" определяет цвет уже посещенной гиперссылки
<body alink=”цвет”>	Параметр alink=”цвет” определяет цвет гиперссылки в момент щелчка на ней мышью

Уровень 1

Откройте файл Urok5. Добавьте в начало страницы отдельный список фамилий сказочников. Отделите список от основного текста разделительной чертой. Сохраните файл под названием Urok6

Уровень 2

Отформатируйте созданный список в соответствии с образцом. Задайте цвета гиперссылок при помощи тега <body>: синий цвет — для не посещённой ссылки, красный — для активной ссылки, пурпурный — для ранее посещенной (отработанной) ссылки. Сохраните файл.

Фрагмент НТМL-кода

<body link=blue alink=red vlink=purple>

….

<ul>

<li> <a href=#grimm> Братья Гримм </a>

<li> <a href=#andersen> Ганс Христиан Андерсен </a>

<li> <a href=#chukovskia> Корней Чуковский </a>

<li> <a href=#perro> Шарль Перро </a>

</ul>

Уровень 3

Вставьте метки для ссылки на разделы о каждом времени года в основной текст.

Фрагмент НТМL-кода

<a name="grimm"> <h1> Братья Гримм </h1> </a>

<a name="andersen"> <h1> Ганс Христиан Андерсен </h1> </a>

<a name="chukovskia"> <h1> Корней Чуковский </h1> </a>

<a name="perro"> <h1> Шарль Перро </h1> </a>

Уровень 4

В конец каждого раздела добавьте ссылку «В начало» переводящую на начало страницы:

<a href=#home> <h2> В начало </h2> </a>

Якорь установите на строке «Сказочники»:

<a name="home"> Сказочники </a>

Уровень 5

В конце страницы добавьте гиперссылку на другую страницу (возьмите имя любой ранее созданной страницы):

<a href=”Urok31.html”> Страница с урока 3 </a>

Откройте выбранную страницу в Notepad++. Добавьте в конец страницы гиперссылку на web-страницу Urok6:

<a href=”Urok6.html”>Назад</a>

16