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

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

Все немногочисленные атрибуты элемента 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. Ссылки с дополнительными атрибутами

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

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

Для создания ссылки-изображения достаточно поместить рисунок внутри элемента A.

В листинге 2.15 показан пример создания ссылки-изображения.

Листинг 2.15. Ссылки-изображения

<html>

<head>

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

<body>

<a href="mypetfoto.html" target="_blank" title="Пройдя по ссылке, вы сможете увидеть фото моего зверя"><img src="mypetfotomini.jpg" /></a>

</body>

</html>

На рис. 2.15 показано, как браузер отображает ссылки-изображения.

Рис. 2.15. Ссылка-изображение

Вокруг рисунка создается рамка, которая помогает посетителю понять, что перед ним не просто изображение, а ссылка.

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

Теперь рассмотрим, как можно влиять на внешний вид текста на странице.

Данный текст является ознакомительным фрагментом.



Поделитесь на страничке

Следующая глава >

Похожие главы из других книг:

Ключевые моменты тестирования

Из книги автора

Ключевые моменты тестирования — Ведущий инженер по тестированию для платформы Chrome OS.— Ведущий инженер по тестированию для браузера Chrome.— Ведущий инженер автоматизации браузера.— Панель мониторинга статусов тестирования и метрик.— Определение и выполнение ручных


1. ОБЩИЕ ТРЕБОВАНИЯ

Из книги автора

1. ОБЩИЕ ТРЕБОВАНИЯ 1.1. Состав и структура программного документа устанавливаются по ГОСТ 19.105-78.1.2. Программный документ выполняют одним из следующих печатных способов:машинописным — на одной стороне листа, через два интервала; допускается через один или полтора


Общие

Из книги автора

Общие На этой вкладке (рис. 7.32) находятся параметры, с помощью которых можно настраивать домашние страницы, управлять временными файлами и сеансовыми файлами cookie, изменять параметры поиска по умолчанию, настраивать параметры вкладок и т. д. Рассмотрим самые важные из


Положительные моменты: обучение с помощью компьютера

Из книги автора

Положительные моменты: обучение с помощью компьютера Компьютерные обучающие программы имеют большое значение для развития детской моторики.Все родители знают, как трудно усадить малыша за занятия. На компьютере ребенок занимается с огромным удовольствием – компьютер