09.08.2023

Ссылки в HTML

• Оглавление:
  • 1.Описание
  • 2.Синтаксис
  • 3.Базовые примеры ссылок
  • 4.Ссылка внутри страницы
  • 5.Скачивание документа по ссылке

1.Описание

Для создания ссылок используется парный тег <a></a> с важным атрибутом href.

2.Синтаксис

<a href="ссылка">текст ссылки</a>

3.Базовые примеры ссылок

Пример ссылки на внутреннюю страницу сайта:

<a href="/page/">Ссылка</a>

Пример ссылки на URL сайта, которая ведет на главную страницу:

<a href="http://dimos.ru">Ссылка</a>

Пример ссылки, которая открывает страницу в новом окне браузера:

<a href="http://dimos.ru" target="_blank">Ссылка</a>

4.Ссылка внутри страницы

Ссылка внутри страницы создается в два этапа:

• шаг 1) Размещаем так называемый "якорь" в виде
  <a name="rubrika"></a>, где:
  а) Используется атрибут name="название якоря", для примера я дал название rubrika.
  б) Внутри тега может содержаться пустота. Таким образом мы создаем невидимый блок, куда мы будем впоследствии ссылаться. Может быть размещен перед картинками, заголовками, названиями подрубрик на странице, любое другое место, куда мы хотим сослаться внутри документа.
  
  
• шаг 2) Создаем саму ссылку на якорь
  <a href="#rubrika">Название ссылки на якорь</a>
  

5.Скачивание документа по ссылке

Есть ситуации, когда по ссылке мы хотим скачивать документ (или, например, картинку), а не открывать страницу в браузере. В таких случаях используется атрибут download.

Синтаксис и пример:

<a href="pic.png" download>Скачать картинку</a>