HTML — Создание гиперссылок


Создание гиперссылок

<a> элемент

Основная ссылка создается путем обертывания текста или другого содержимого внутри элемента <a> и использования атрибута href (гипертекстовая ссылка), который содержит веб-адрес.

<p>I'm creating a link to <a href="www.google.com">the Google homepage</a>.</p>
Вход в полноэкранный режим Выйдите из полноэкранного режима

Это дает нам следующий результат:

Я создаю ссылку на домашнюю страницу Google.

  • Атрибут titleЗаголовок содержит дополнительную информацию о ссылке, например, какого рода информацию содержит страница или о чем следует помнить на сайте. При наведении курсора на ссылку отображается заголовок.
  <p>
    I'm creating a link to
    <a href="www.google.com" title="The best place for searching information"
      >the Google homepage</a
    >.
  </p>
Вход в полноэкранный режим Выход из полноэкранного режима
<p>I'm creating a link to <a href="www.google.com" title="The best place for searching information">the Google homepage</a>.</p>
Войти в полноэкранный режим Выход из полноэкранного режима
  • Атрибут downloadКогда вы ссылаетесь на ресурс, который должен быть загружен, а не открыт в браузере, вы можете использовать атрибут download, чтобы указать имя файла сохранения по умолчанию. Вот пример ссылки на загрузку последней версии Firefox для Windows:
  <a
    href="https://download.mozilla.org/?product=firefox-latest-ssl&os=win64&lang=en-US"
    download="firefox-latest-64bit-installer.exe"
  >
    Download Latest Firefox for Windows (64-bit) (English, US)
  </a>
Вход в полноэкранный режим Выйти из полноэкранного режима

Это дает нам следующий результат:
Скачать последнюю версию Firefox для Windows (64-бит) (английский, США)

  • Ссылки электронной почтыМожно создавать ссылки или кнопки, которые при нажатии открывают новое сообщение исходящей электронной почты, а не ссылку на ресурс или страницу. Для этого используется элемент <a> и схема URL mailto:. В своей самой простой и часто используемой форме ссылка mailto: указывает адрес электронной почты адресата.
  <a href="mailto:nowhere@gmail.com">Send email to nowhere</a>
Вход в полноэкранный режим Выйти из полноэкранного режима

В результате получается ссылка, которая выглядит следующим образом: Отправить электронное письмо в никуда
На самом деле, адрес электронной почты является необязательным. Если вы опустите его и ваша href будет «mailto:», новое окно исходящей электронной почты будет открыто почтовым клиентом пользователя без адреса назначения.
Указание деталей
Помимо адреса электронной почты, вы можете указать и другую информацию. Наиболее часто используемые из них — «тема», «cc» и «тело».

  <a
    href="mailto:nowhere@mozilla.org?cc=name2@rapidtables.com&bcc=name3@rapidtables.com&subject=The%20subject%20of%20the%20email&body=The%20body%20of%20the%20email"
  >
    Send mail with cc, bcc, subject and body
  </a>
Вход в полноэкранный режим Выход из полноэкранного режима

%20 обозначает пробел.

Фрагменты документа

Можно сделать ссылку на определенную часть HTML-документа, называемую фрагментом документа, а не только на верхнюю часть документа. Для этого сначала нужно присвоить атрибут id элементу, на который вы хотите сослаться. Чтобы сослаться на конкретный id, вы должны указать его в конце URL-адреса, предваряя хэш-символом (#).

<h1 id="h1">I am h1</h1>
<a href="#h1">Heading to h1</a>
Вход в полноэкранный режим Выход из полноэкранного режима

Оцените статью
Procodings.ru
Добавить комментарий