HTML ссылки (гиперссылки или веб-ссылки)

HTML ссылки (гиперссылки или веб-ссылки)

Ссылки позволяют пользователям легко переходить с одной страницы на другую на любом сервере в любой точке мира. Ссылка имеет два конца, называемые якорями и направлением. Ссылка начинается с привязки источника и указывает на привязку назначения, которой может быть любой веб-ресурс (например, изображение, аудио или видеоклип, документ HTML или элемент внутри самого документа).

По умолчанию ссылки будут выглядеть следующим образом в большинстве браузеров:

  • Непосещенная ссылка подчеркнута и синего цвета.
  • Посещенная ссылка подчеркнута и фиолетового цвета.
  • Активная ссылка подчеркнута и красная.

Однако вы можете переписать эти свойства с помощью CSS.

Синтаксис HTML ссылки

Ссылки указываются в HTML с помощью тега <a>. Тело ссылки может быть словом, группой слов или изображением.

<a href="адрес">текстовая ссылка</a>

Атрибут href в привязке источника указывает адрес привязки назначения.

<a href="https://www.yandex.ru/">Яндекс</a>
<a href="hello_kitty.jpg"><img src="hello_kitty_small.jpg" alt="Котенок"></a>

Атрибут target

блок 1

Атрибут target сообщает браузеру, где открыть связанный документ. Есть четыре возможных варианта значений, каждое значение начинается с символа подчеркивания (_): _blank, _parent, _self, _top.

Наиболее популярные значения - _blank (открывает ссылку в новом окне или в новой вкладке) и _self (открывает ссылку в текущем окне или вкладке). Вариант _self используется по умолчанию, поэтому его указывать не обязательно.

<a href="https://www.yandex.ru/" target="_blank">Яндекс</a>
<a href="hello_kitty.jpg" target="_self"><img src="hello_kitty_small.jpg" alt="Котенок"></a>

Создание ссылок для скачивания файлов

Размещение файлов, доступных для загрузки, выполняется точно так же, как и размещение текстовых ссылок, просто укажите целевой URL-адрес файла, который вы хотите загрузить.

В данном случае это файл ZIP с именем test.zip.

<a href="downloads/test.zip">Скачать ZIP файл</a>
блок 3

Оставьте первый комментарий

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*