ЛабыWeb / ЛабРабота5

Тема «Гиперссылки документа HTML»

Цель работы: Создание гиперссылок и закладок, связывание web-страниц с помощью гиперссылок.

Теория. Перед создателями языка HTML и некоторых других более ранних языков маркирования гипертекста ставилась задача динамического связывания документов, находящихся в разных файлах и на разных компьютерах. Технология web разрабатывалась именно ради гиперссылок.

Создание гиперссылок.

Дескриптор <A> -Создает гиперссылку.

Имеет следующие атрибуты:

1) HREF - адрес перехода по гиперссылке,

2) ACCESSKEY- быстрая клавиша,

3) NAME - имя гиперссылки,

4) TABINDEX - порядок перехода при нажатии клавиши <Таb>

5) TARGET - целевое окно или рамка открытия документа гиперссылки

6) TITLE –текст подсказки

При создании гиперссылки нужно установить два важных элемента, от которых зависит тип гиперссылки: 1) адрес и 2) сама гиперссылка

Гиперссылки бывают:

1) текстовыми- любой текст, состоящий из одного или нескольких абзацев, предложение, слово, отделенные символы или буквы в слове;

2) графические – графический объект, включая рисунок, фотографию и другую графику, добавляемую с помощью дескриптора <IMG> , а так же отдельные области внутри рисунка.

Пример использования дескриптора:

1) < a href = ‘files/second.htm’>Картинка заката</ a> (тектовая гиперссылка на другую страницу с именем second.htm из папки files)

2) < a href = ‘Закат.jpg’>Картинка заката</ a>(текстовая гиперссылка на графический файл Закат.jpg из текущей папки)

3)< a href =’home.htm’ title =’переход на домашнюю страницу’>

<img src=’image/home.gif’></a> (графическая гиперссылка на файл home.htm , причем рисунок ссылки находиться в папке image)

Примечание. Файл, на который ссылается дескриптор <А> должен находиться в той же папке, что и файл web-страницы, либо перед именем файла необходимо указать путь к нему.

В качестве адреса, назначаемого атрибуту href, можно использовать:

• Адрес URL на другой Web- странице или путь на диске к другому Web-документу;

• Адрес URL на документ FTP-сервера или на мультимедийный ресурс в Интернет;

• Адрес электронной почты;

• Сценарий на языке JavaScript;

• Закладка на текущей Web- странице.

Закладки в тексте страницы создаются дескриптором <А>, но нужно сначала установить закладку, а затем на нее сделать гиперссылку.

Например, в странице веб –документа есть заголовок «Законы РФ», который будет закладкой.

<a Name=’Закон’> тексты законов РФ</a>

А в нужном месте документа, где нужна гиперссылка ставим тег:

<a href=’#Закон’ >текст гиперссылки</a>

Можно ссылаться на закладки как в текущем, так и в других документах. Имя файла отделяется от имени закладки символом #. Например:

<A href =’book.htm#Закон’> текст гиперссылки</A>

или

<A href =’http://www.bookstore.org/book.htm#Закон’> текст гиперссылки</A>

Задание 1. Наберите текст примера документа и запомните как создаются закладки в web- странице.

Задание 2. Создать 2 html-документа, например, с именами: first.html , second.html. Файлы содержат любую информацию. Создать текстовые гиперссылки с первого файла на второй и наоборот .