1.8.4 Cсылки
В разделе 1.3 мы уже рассматривали пример ссылки. Ссылка добавляется двойным тегом <a>
. Содержимое этого тега — текст ссылки, а в атрибуте href
хранится адрес, на который ссылается ссылка. Пример использования:
<p>Текст ... <a href="http://google.com/">Ссылка</a> ... текст.</p>
По умолчанию ссылка в браузере отображается синим цветом с нижним подчёркиванием текста ссылки. При переходе по ссылке, она меняет цвет на фиолетовый (посещённая ссылка). Тип отображения inline
(встроенный элемент). По умолчанию ссылка открывается в текущей вкладке браузера. Это поведение можно изменить, но я крайне не рекомендую этим пользоваться. Изменять поведение перехода по ссылке стоит только в особенных случаях, когда это действительно необходимо. Нужно уважать пользователя и предоставлять ему выбор, открыть ссылку в текущей вкладке, в новой вкладке или в новом окне.
Чтобы сделать ссылкой изображение, необходимо лишь поместить это изображение внутрь ссылки. Пример:
<a href="http://google.com/">
<img src="image.jpg">
</a>
Более подробно об изображениях мы поговорим в следующем разделе.