A. ЗАДАНИЕ на 4 занятие

Тема: Гиперссылки

Создайте комплекс HTML-документов, связанных друг с другом гиперссылками. Тема содержания документа произвольная.

Основные критерии, которым должен соответствовать документ:

ü В комплексе должно быть не менее 3 файлов.

ü В основном файле должны быть гиперссылки перехода в другие, дополнительные файлы;

ü В дополнительных файлах должны быть гиперссылки возврата в основной файл;

ü Гиперссылки должны быть в виде текста и в виде изображения.

Образцы файлов:

B. ПОРЯДОК РАБОТЫ:

Тэг <a> позволяет создать в html-документе гиперссылку для перехода в другой HTML-файл:

1. Гиперссылка в другой HTML-файл в виде текста:

<a href=" имя_файла.html "> Текст </a>

где

- имя_файла.html – имя вызываемого файла;

- Текст - текст гиперссылки, при нажатии на который происходит переход.

2. Гиперссылка в другой HTML-файл в виде изображения:

<a href=" имя_файла.html "><img src=" имя_графического_файла "> </a>

где

- имя_файла.html – имя вызываемого файла;

- имя_графического_файла – имя графического файла, который помещается в html-файл, при нажатии на который происходит переход.

Графический файл должен находиться в той же папке, что и html-файл.

Для углубленного изучения:

Тэг <a> позволяет также создать гиперссылку для перехода в другое место одного и того же html-документа.

3. Прежде всего, место перехода должно быть помечено мишенью, мишень создается следующим образом:

<a name=" qqq "> Мишень </a>

где

- qqq – имя мишени;

4. Гиперссылка в другое место того же HTML-файла, помеченное мишенью с именем qqq, имеет следующий вид:

<a href="# qqq "> Переход на мишень </a>

где

- Переход на мишень - текст гиперссылки, при нажатии на который происходит переход.

5. С помощью гиперссылки можно перейти в другой файл в место, помеченное якорем или мишенью. Такая гиперссылка имеет вид:

<a href=" имя_файла.html # qqq "> Переход на мишень </a>

где

- имя_файла.html – имя вызываемого файла;

- qqq – имя мишени;

- Переход на мишень - текст гиперссылки, при нажатии на который происходит переход.

Дата добавления: 2015-10-02