2.4. Форматирование гипертекстовых ссылок и закладок

2.4.1. Гиперссылки

Как отмечалось выше (п. 2.2.2) под гипертекстовой ссылкой (гиперссылкой) понимают соединение одного Web-ресурса с другим. Для создания гиперссылки используется элемент разметки <A>, называемый также «якорем». Заметим, что при создании гиперссылки зачастую говорят о «якорях» двух видов :

• начальном (ставится в месте с которого необходимо осуществить переход) и

• конечном (помечающим место к которому необходимо осуществить переход).

Последний также часто называют закладкой. Конечный якорь не является обязательным. Если речь не идет о переходе к определенному месту в документе — его можно опустить.

Направление гиперссылки задается с помощью атрибута HREF начального якоря. В качестве значения атрибута выступает URI ресурса на который необходимо осуществить переход. Приведенный ниже пример содержит две ссылки, одна из которых указывает на документ HTML с названием "chapter2.html", а другая - на GIF-изображение в файле "forest.gif":

Р ис. 2.9.Пример гиперссылки

Активировав эту ссылку (к примеру — щелчком мыши), пользователь может посетить этот ресурс. Заметим, что URI ресурса к которому должен осуществляться переход, может указываться в относительном виде (как это показано в данном примере), так и в абсолютном (http://MySite.ru/image/forest.gif).

Относительный стиль адресации предполагает, что базовый URI (тот, который помечается символом «..») указан в заголовочной части документа в элементе BASE:

<HTML>

<HEAD>

<TITLE>Пример гиперссылки</TITLE>

<BASE href="http://www.MySite.ru/index.html">

</HEAD>

<BODY>

<P>Вы видели наши <A href="../Prod/birds.gif">товары</A>?

</BODY>

</HTML>

С учетом базового относительный URI "../cages/birds.gif" будет восприниматься браузером как «http://www.MySite.ru/cages/birds.gif»:

Что же касается варианта «chapter2.html» - то в данном случае в качестве базового URI воспринимается папка, в которой находится страница с начальным якорем.

Стоит также обратить внимание на прикладные протоколы по котрым HTML позволяет осуществлять доступ к ресурсам. Помимо традиционного http:// это:

• ftp://... - создает ссылку на ftp-сайт или расположенный на нем файл;

• mailto: - запускает почтовую программу-клиент с заполненным полем имени получателя. Если после адреса поставить знак вопроса, то можно указать дополнительные атрибуты, разделенные знаком "&";

• news:.. - создает ссылку на конференцию сервера новостей;

• telnet://... - создает ссылку на telnet-сессию с удаленной машиной;

• file:/// - создает ссылку на место в файловой системе локального компьютера.

2.4.2. Закладки

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

Р ис. 2.10. Пример использования имени якоря в качестве закладки

Р ис. 2.11. Пример гиперссылки, позволяющей перейти к закладке

Требований к имени якоря лишь два — уникальность в рамках конкретного документа и соблюдение регистра при обращении по имени. Для обеспечения перехода к закладке ее имя добавляется после символа «#» в конце URI, используемого в качестве значения атрибута атрибута HREF.

Следует также отметить, что имя закладки в качестве элемента направления перехода по гиперссылке может быть использовано и при обеспечении возможности гипертекстового перехода в рамках одного документа. В данном случае последовательность символов типа «#zakladka» и будет являться значением атрибута HREF.

Еще одной возможностью идентификации закладки, переход к которой должен осуществиться после активации соответствующей гиперссылки, является использование универсального атрибута ID, который можно использовать для начального тега любого элемента, описывающего структуру тела документа (<H1>, <H2>, <P>, <TABLE>, <IMG> и др.).

Р ис. 2.12. Пример использования качестве закладки ID структурного элемента HTML документа.

Синтаксис же для начального якоря при таком варианте идентификации закладки ничем не будет отличаться от рассмотренного ранее.

2.4.3. Открытие html страниц, вызываемой гиперссылкой, в новом окне

При помощи атрибута TARGET можно предусмотреть возможность загрузки страницы, открываемой при активации гиперссылки, в новом окне браузера. Этот атрибут предназначен для задания наименования окна, в котором должна открываться страница. Чтобы открыть страницу в новом окне надо использовать значение _blank²¹.

Р ис. 2.13. Открытие документа в новом окне браузера.

2.4.4. Форматирование гиперссылок

Форматирование гиперссылок мало чем отличается от форматирования обычного текста — вопрос, которому была посвящена лекция 3, а именно:

• Пункты 1.3 — 1.5 — цветовое оформление гиперссылок;

• Пункт 3.1 — гарнитура шрифта и размер;

• Пункты 3.3, 3.4, 3.6 — параметры начертания символов (курсив, жирность, подчеркивание)

2.5. Таблицы в HTML: создание и форматирование

2.5.1. Использование таблиц в HTML документе

Одним из наиболее мощных и широко применяемых в HTML средств являются таблицы. Понятие табличного представления данных не нуждается в дополнительном пояснении. В HTML таблицы используются не только традиционно, как метод представления данных, но и как средство форматирования Web-страниц.

Первая версия языка HTML не предусматривала специальных средств для отображения таблиц, так как была в основном предназначена для написания простого текста. С развитием сфер применения HTML-документов стала актуальной задача представления данных, для которых типично наличие ряда строк и столбцов. Создание документов, содержащих выровненные по колонкам данные, на первых порах осуществлялось использованием элемента <PRE>, внутри которого необходимое выравнивание обеспечивалось введением нужного количества пробелов. Напомним, что при использовании пары тэгов <PRE> и </PRE> все пробелы и символы табуляции являются значащими. Работа по выравниванию такого текста выполнялась вручную, что существенно замедляло создание документов.

Поддержка табличного представления данных стала стандартом де-факто, поскольку изначально была реализована во всех ведущих браузерах и лишь по прошествии значительного времени была закреплена в спецификации HTML 3.2.