2.1.3 Ссылки

Ссылка или Гиперсвязь (Link, Hyperlink) – фрагмент текста или графики на HTML-странице ссылающийся на другую позицию в том же документе или на объект в другом документе (возможно даже расположенном на другом сервере).

Для создания ссылок в языке HTML используют тег <a> (anchor - якорь). Атрибуты, которые используются в ссылка приведены в таблице 2.2.

Таблица 2.2 - Атрибуты тега <а>

Атрибут	Назначение
href	задает адрес документа, на который следует перейти. Является обязательным атрибутом для тега <a>. Может содержать как относительный, так и абсолютный адрес страницы. А также протоколы отличные от http, например ftp, mailto, ed2 и т.д.
name	устанавливает имя якоря, для определения позиционирования ссылки внутри документа.
target	устанавливает имя окна или фрейма, в котором будет загружен документ. Возможны также варианты использования: _self для открытия ссылки в том же окне и _blank для открытия ссылки в новом окне.
title	добавляет всплывающую подсказку к тексту ссылки

Листинг 2.4 - Пример использования ссылок

2.2 Практическая часть

1. Создайте файл lab2.html. За основу возьмите пример страницы из файла lab2.jpg.

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

3. Создайте список определений согласно рисунку. Используйте для этого теги <dl>, <dt> и <dl>. 

4. Создайте маркированный список используйте тег <ul>. Измените внешний вид маркера на квадратик.

5. Создайте нумерованный список. Осуществите нумерацию римскими цифрами и измените начало нумерации с числа XV.

6. Создайте список с многоуровневой нумерацией.

7. Обозначьте начало каждого раздела лабораторной работы как именованный якорь: <a name=”image”>, <a name=”spisok”>.

8. В начале странички добавьте список ссылок на все разделы лабораторной работы. Помните, что при ссылке на именованный якорь следует использовать знак # перед именем якоря.

9. Добавьте внизу документа ссылку на свою страничку в контакте, которая будет открываться в новом окне.

10. Второе изображение в документе сделайте ссылкой на поисковую систему Google.

11. Добавьте к странице свой текст и изображения (не менее 1/3 кода) и отформатируйте его.

12. Создайте новый файл index.html, в котором разработайте список, содержащий ссылки на задания двух лабораторных работ.

13. Создайте новый файл my.html и запишите в нем: нумерованный список из известных вам языков программирования, маркированный список из известных вам цветовых палитр.

14. Добавьте ссылку на файл my.html в файл index.html.

2.3 Контрольные вопросы

1. Какой тег служит для вставки изображения в html-документ?

2. Где в теге <img> указывается путь к графическому файлу?

3. Как задать выравнивание картинки относительно текста?

4. Какие списки существуют в HTML?

5. Какой тег участвует в создании как маркированного так и нумерованного списков?

6. Как изменить порядок нумерации в нумерованном списке?

7. Как изменить вид маркера в маркированном списке?

8. Что такое списки определений?

9. Как задать якорь для ссылок в приделах одного документа?

10. За что отвечает атрибут target у тега <a>?