Тег a

Используется для создания ссылки на другую страницу сайта. Так же данный тег можно использовать как якорь для перемещения к какому-либо элементу на странице.

<a href="#">Link</a>
Link
Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все

Стили по умолчанию

Стили которые браузер применяет к элементу по-умолчанию. В списке ниже приведены стили, которые влияют на внешний вид элемента и изменяются при помощи CSS.

a:link {
    color: (internal value); // обычно это синий цвет
    text-decoration: underline;
    cursor: pointer;
}

Атрибуты

href=""

Обязательный атрибут в HTML4, но необязательный в HTML5.

Указывается ссылка на другую страницу сайта (относительная) или ссылка на другой сайт (абсолютная) или якорь на другой элемент этой страницы ="#el". Возможно указание номера телефона через протокол tel: для быстрого звонка по указанному номеру, либо используйте протокол mailto: для быстрой отправки e-mail писем по указанному адресу. Так же доступны и другие протоколы, поддерживаемые браузером (file, ftp, callto и др.). 

Можно указывать ссылки на файлы (zip, pdf, txt и другие)

<a href="https://htmlbase.ru">Другой сайт</a>
<a href="page.html">Другая страница</a>
<a href="#element">Элемент страницы с id element</a>
<a href="mailto:[email protected]">Написать</a>
<a href="tel:+789123456">Позвонить</a>
Другой сайт Другая страница Элемент страницы с id element Написать Позвонить
target=""

Указывает где нужно открыть содержимое ссылки

_self загружает документ в текущем окне (вкладке) браузера

_blank загружает документ в новом окне (вкладке)

_parent загружает документ в родительской вкладке. Если нет родителя, параметр будет вести себя как _self

_top загружает документ в окне высшего уровня. Если родителя нет, опция ведёт себя как _self

download

Указывает что файл, который указан в атрибуте href, нужно скачать.

Читайте также

<area> активная область на изображении <colgroup> группа столбцов таблицы <dl> список с объяснением <dt> элемент списка с названием термина <embed> встраивание файлов <img> вставка изображения <li> элемент списка <meta> мета-данные <noscript> если отключен js <script> подключение внешних js файлов <sub> текст нижнего индекса <textarea> текстовое поле <use> Использование SVG элементов <var> обозначение переменной <video> вставка видео

Обсуждение (18)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии

Dopamine
Как же удобно,ну рилл
  • Vladislav Kiselev
    Согласен! Еще бы по js
    • ИГорь
      Если бы по скорее
      • ИГорь
        Спасибо за справочник. Это немыслемо для нас
Павел
Согласен! Класс!!!
oreke
Спасибо! Классно!!! Супер!!!
ИГорь
Спасибо Вам за вашу работу
Елена
Огонь! Спасибо!!
Kylym
Очень даже клёво
Сергей
Надеюсь это самое основное что надо знать при изучении html? Удобный сай!?
DIRK
Очень удобный справочник)
Umida
Я чайник в этой сфере, начинаю делать первые шаги, но мне очень все нравится как все объясняют, а то что не очень понятно, ищу на других сайтах и подкрепляю свои ещё не очень глубокие знания.^^
Тим
Есть чат в ТГ для новичков?
Bekzod
Спасибо за такой удобный и полезный сайт да и ещё за то что он бесплатный!!!
Просто огонь!!!
Спасибо!!!;)
wander-riders
Зарегился специально что бы выразить благодарность автору этого гениального контента!
Спасибо! Так держать))
Kewin
Спасибо большое за такой справочник, очень крутой и очень нужный!!!
и присоединяюсь к комментарию "Vladislav Kiselev" было бы круто если был ещё и JS справочник такого типа!!!
Бекболсун
Оставлю свой комментарий на этом ресурсе. И да. надеемся что будут еще классные курсы курсы :3
BAGAMED
Всем новичкам привет, я такой же!
Но что то уже +- понимаю:)
Сайт и правда бомба, супер крутой справочник, лучше еще не встречал.

Советую юзать с codepen.io, чтобы сразу было видно результат, очень удобно:)