• Гость
For-Web
  • Главная
  • Вебмастеру new
    • Блог
    • SQL
    • PHP
    • JavaScript
    • CSS
    • HTML
    • Литература
    • VIP - Бесплатно
  • Скрипты сайтов
    • Bitcoin
    • Fruit Farm
    • Бонусники, Удвоители
    • Движки сайтов
    • Соц сети
    • Обмен визитами
    • Скрипты буксов
    • Скрипты рекламы
    • Интернет магагзин
    • Браузерные игры
    • Хайпы, Пирамиды
    • Скрипты CSGO
    • Скрипты хостинга
  • Data Life Eingine
    • Модули
    • Хаки
    • DLE шаблоны
  • Bootstrap
    • Шаблоны
    • Плагины
    • Сниппеты
    • Пособие Bootstrap
  • WordPress
    • Шаблоны
  • Дизайн и Графика
    • PSD макеты
    • Mocups Free
    • Иконки, Кнопки
    • Шрифты,Текст
    • Текстуры, Фон
    • Анимация
    • Формы
    • Палитра
    • Галерея
    • Раскладка
    • Модальное окно
    • Элементы загрузки
    • Меню и навигация
    • Таблицы
    • Украшения для сайта
    • Фотошоп
  • Шаблоны сайтов
    • WAP шаблоны
    • HTML 5 шаблоны
    • Админка
    • Автомобили
    • Аниме
    • Блоги
    • Бизнес и Финансы
    • Игровые
    • Женские
    • Заглушки
    • Кинопорталы
    • Кулинарные
    • Лендинг
    • Мобильные
    • Музыкальные
    • Новостные
    • ПО, IT
    • Портфолио
    • Природа
    • Строительство
    • Спорт
    • Хостинг
    • Адалт
    • Страницы 404
  • Windows
    • Windows
    • Программы
    • Темы
  • Инфо
    • О проекте
    • Обратная связь
    • Пользователи
    • Статистика
    • Объявления на сайте
    • Партнёрство
    • Privacy Policy
главная » HTML » HTML тег ссылки

HTML тег ссылки <a>


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

Пример ссылки

<a href="https://for-web.ru/">Посетите веб справочник</a>


Определение и использование


Элемент <a> (в переводе с англ. anchor — якорь) предназначен для создания ссылок, которая используется для связи одной страницы с другой. Самым важным атрибутом элемента  <a> является  атрибут href, указывающий место назначения ссылки. Адрес ссылки может быть абсолютным и относительным. Абсолютные ссылки - это те адреса которые указывают на полный путь к файлу, документу , картинке.

https://for-web.ru/

Относительные ссылки - это те адреса которые построены относительно корня сайта.

/html

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

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

Соответственно оформление ссылок можно переопределить с помощью CSS.


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент  <a> со следующими значениями по умолчанию:

a:link, a:visited {
color: (internal value);
text-decoration: underline;
cursor: auto;
}

a:link:active, a:visited:active {
color: (internal value);
}


Атрибуты

АтрибутыЗначенияОписание
downloadfilenameПредлагает скачать указанный по ссылке файл
hrefURLЗадаёт адрес документа
hreflanglanguage_codeИдентифицирует язык текста по ссылке
mediamedia_queryУказывает, для какого носителя / устройства оптимизирован связанный документ.
pinglist_of_URLsОпределяет разделенный пробелами список URL-адресов, на которые при переходе по ссылке браузером (в фоновом режиме) будут отправляться запросы на публикацию с основным пингом. Обычно используется для отслеживания.
referrerpolicyno-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
same-origin
strict-origin-when-cross-origin
unsafe-url
Указывает, какую информацию о реферере следует отправить со ссылкой
relalternate
author
bookmark
external
help
license
next
nofollow
noreferrer
noopener
prev
search
tag
Определяет связь между текущим документом и связанным документом
target_blank
_parent
_self
_top
Указывает, где открыть связанный документ
typemedia_typeУказывает MIME-тип документа, на который ведёт ссылка


Примеры

Как использовать изображение в качестве ссылки:  

<a href="https://for-web.ru/">
<img border="0"  src="путь к картинке" width="100" height="100">
</a>


Как открыть ссылку в новом окне браузера: 

<a href="https://for-web.ru" target="_blank">Посетите наш ресурс</a>


Как сделать ссылку на адрес электронной почты: 

<a href="mailto:someone@example.com">Отправить email</a>


Как привязать к номеру телефона: 

<a href="tel:+4733378901">+47 333 78 901</a>


Как сделать ссылку на другой раздел на той же странице: 

<a href="#section2">Go to Section 2</a>


Как сделать ссылку на jаvascript: 

<a href="jаvascript:alert('Hello World!');">Execute jаvascript</a>

Наличие закрывающегося тега Да

Поддержка глобальных атрибутов Да

Поддержка Атрибутов событий Да


Поддержка браузерами
элемент
<a> Да Да Да Да Да
Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию. Это займёт не более минуты. Не волнуйтесь, мы не спамим!


  • Комментарии
  • О статье
  • Похожие новости
У данной публикации нет комментариев.

admin

Автор

21-01-2022, 06:52

Дата

HTML

Категория
  • Комментариев: 0
  • Просмотров: 255
Анимация / Bootstrap сниппеты
Parallax эффект перемещение логотипа на Bootstrap
Блог
Расшифровка html тегов
Движки сайтой
DataLife Engine v.15.0 Press Release
Блог
Таблица HTML элементов
VIP - Это бесплатно!
Ударная раскрутка сайта с нуля до 10К уников в сутки (2018)
Учебник Bootstrap
Руководство Bootstrap Form
Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Справочник HTML

HTML по алфавиту HTML по категориям HTML атрибуты Глобальные атрибуты HTML

Теги HTML

<!--Комментарий--> <!DOCTYPE> <а> <abbr> <acronym> <address> <аpplet> <аrea> <article> <aside> <audio> b

Атрибуты HTML

Глобальные События

Значения HTML

Глобальные События

Типы элементов HTML

Глобальные События
Полезные советы
Для доступа к мобильной версии сайта DLE с ПК достаточно перейти по адресу /index.php?action=mobile

Комментарии
как установит?
25 июня 2022 18:56

Teador2020

RewriteRule ^pm (/(.*))?/?$ index.php?do=pm [L] когда вставляю это  у меня пишет что ошибка сервера не правильная
25 июня 2022 17:48

Teador2020

Установил все, а фильмы не добавляются почему то.
19 июня 2022 11:40

r9ybp

пардон
13 июня 2022 22:07

mtalan

Наша центр сертификации https://sbk-cert.ru/ оказывает  различные услуги в области сертификации. 
9 июня 2022 12:16

admin


Как обозначается тег в HTML


  • For-WEb.Ru © 2018 - 2022  

Авторизация


Регистрация Забыл пароль