HTML, XHTML и CSS на 100%. Игорь Квинт

Чтение книги онлайн.

Читать онлайн книгу HTML, XHTML и CSS на 100% - Игорь Квинт страница 19

Автор:
Жанр:
Серия:
Издательство:
HTML, XHTML и CSS на 100% - Игорь Квинт

Скачать книгу

внешний документ, только вместо URL-адреса желаемой страницы надо ввести адрес метки в виде #met1. При этом metl – имя вашей метки.

      Теперь при щелчке кнопкой мыши на ссылке браузер автоматически перейдет к месту, указанному меткой.

      В листинге 2.13 показан пример создания внутренних ссылок.

Листинг 2.13. Внутренние ссылки

      <html>

      <head>

      <title>Ссылки</title>

      <body>

      <a name="met2">Это метка для перехода 2</a><br />

      <a href="#met1">Щелкните кнопкой мыши для перехода к метке 1</a><br />

      <a href="#met2">Щелкните кнопкой мыши для перехода к метке 2</a><br />

      <a name="met1">Это метка для перехода 1</a>

      </body>

      </html>

      Представление внутренних ссылок в браузере показано на рис. 2.13.

      Рис. 2.13. Внутренние ссылки

      Как видно, внутренние ссылки при отображении ничем не отличаются от внешних, а текст, отмеченный как метка, никак не выделяется.

      Внутренние ссылки по своему синтаксису такие же, как и внешние, поэтому атрибуты элемента A применимы для обоих типов.

      Общие моменты

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

      У элемента A есть два вспомогательных атрибута. Первый – target – указывает на то, в каком окне должен открываться документ, отображающийся при выборе ссылки.

      Следующие значения атрибута target указывают, что страница загружается:

      • _blanc – в новое окно браузера;

      • _parent – во фрейм-родитель;

      • _self – в текущее окно;

      • _top – в полное окно браузера.

      Этот атрибут очень полезен, потому что иногда бывает удобно открыть ссылку в новом окне. Например, когда ссылка уводит на другой сайт, а вы не хотите, чтобы пользователь забыл о вашем. Открытие страницы в новом окне – гарантия того, что пользователь снова взглянет на вашу страницу.

      Вторым вспомогательным атрибутом является title, он позволяет создать всплывающую подсказку для вашей ссылки, что бывает очень удобно и дает пользователю дополнительную информацию о том, что его ждет под ссылкой. Значение атрибута – текст всплывающей подсказки.

      В листинге 2.14 представлен пример создания ссылок с рассмотренными выше атрибутами.

Листинг 2.14. Ссылки с дополнительными атрибутами

      <html>

      <head>

      <title>Ссылки</title>

      <body>

      <a href="aboutme.html" target="_blank" title="Перейдя по ссылке, вы сможете узнать обо мне">Обо мне</a>

      </body>

      </html>

      На рис. 2.14 показан пример отображения ссылки со всплывающей подсказкой.

      Рис. 2.14. Ссылки с дополнительными атрибутами

      Видно, что всплывающая подсказка может помочь

Скачать книгу