Закрыть
Вход на сайт
Регистрация
Вы успешно зарегистрировались!

Перейти к обучению
Регистрация
Войти на сайт

HTML
<a>

Сейчас мы изучим с вами тег, наверное, с которого начинался весь язык Html. Ну так, моё чисто предположение. Я не утверждаю, что это правда.

Этот тег называется «a». Вот так вот он выглядит:

<a href=""></a>

У него есть обязательный атрибут «href». Этот тег делает на странице ссылку. Давайте так и напишем: «Ссылка», и посмотрим, что получается.

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

Обновляем страничку и вот видим написано «Ссылка» и ели на неё кликнуть, то страничка быстро обновляется.

Давайте теперь поймём, как это работает и что вообще происходит.

Самое простое, что мы можем сейчас сделать – это ссылка на какой-нибудь сторонний сайт. Например мы сделаем:

<a href="https://vk.com">Ссылка</a>

Кликаем и переходим на страницу «Вконтакте». Потому вы можете перейти совершенно на любой сайт. Для этого просто вводите название сайта в браузере, копируете содержимое, потом вставляете его в href.



Теперь вы можете переходить по этой ссылке. 

Если вам нужно перейти на какой-то другой сайт, то в начале обязательно должно быть написано «https» или «http» и «://». Это означает, что мы должны сделать переход на какой-то другой сайт, а не на страницы внутри нашего сайта.

Так же у тега «a» есть очень интересный атрибут, который называется «target». У него есть несколько значений: «blank», «parent», «self», «top».  Рассмотрим значение _blank.

<a target="_blank" href=""></a>

Идея том, что если мы кликаем, то наша вкладочка остаётся и открывается новая вкладка, в которой открывается ссылка, которую мы указали в атрибуте «href». 

Дальше я должен рассказать про абсолютные и относительные ссылки, но мне было сложновато описать это текстовом виде, поэтому советую посмотреть видео с 2 минут 10 секунд. 

Собственно, вот так работает ссылка. Ничего такого сложного, сверхъестественного нет. Вы просто ставите тег «a», пишите название этой ссылки, в «href’е» прописываете путь относительный или абсолютный и можете ещё использовать «target=”bank”», чтобы ссылку открывать в новой вкладке, а не в той же самой, где вы находитесь. Вот, собственно, и всё.

Предыдущий урок Следующий урок
Тестирование

Чтобы пройти тестирование, необходимо войти или зарегистрироваться