Ссылки в HTML
Сегодня я расскажу Вам про очень важную и интересную тему, создание ссылок в HTML. Ежедневно, когда Вы заходите на различные сайты, Вам приходится постоянно переходить по ссылкам внутри данного сайта. Самый популярный пример этому - это меню на сайте, оно построено при помощи ссылок, при клике на которые, вы переходите на интересующую Вас страницу сайта. Если вы хотите скачать файл, Вы также переходите по ссылке. И это только два примера, а на самом деле их множество.
При создании своего сайта ссылки будут являться одними из основных элементов на нем. И для того чтобы их создать напишем следующий код:
<html>
<head>
<title>Ссылки в HTML</title>
</head>
<body>
<a style="font-size: 200%; color: blue;"
href="http://yandex.ru">Ссылка на сайт Яндекс</a>
</br>
<a href="http://yandex.ru"
target="_blank">Ссылка на сайт Яндекс</a>
</body>
</html>
Открываем браузер, и наблюдаем такой результат:
Мы видим две ссылки с одинаковым текстом и понимаем, что данные ссылки должны вести нас на сайт Яндекса. Кликнув по двум ссылкам, мы действительно переходим на сайт Яндекса, однако в первом случае сайт загружается в этом же окне браузера, а во втором случае, открывается новая вкладка, в которой загружается Яндекс.
Теперь мы разберем написанный нами код. Ссылка создается при помощи тега <a>, в которой имеется обязательный атрибут href, в нем, в двойных кавычках, мы указываем путь, куда ведет наша ссылка, в данном случае это сайт Яндекса. После чего между тегов <a></a> мы пишем текст, который будет выводиться в браузере, при клике на который мы перейдем по нашей ссылке. И в конце закрываем тег </a>.
Во втором случае все аналогично, но присутствует атрибут target, который не является обязательным, однако если он Вам необходим, можете смело его использовать. У данного атрибута мы установили значение _blank, которое означает, что при нажатии на ссылку, страница будет загружаться в новом окне браузера. Заметьте, что изначально, если мы не указываем данный атрибут, его значение по умолчанию является self, которое означает, что страница будет загружаться в этом же окне браузера. И напоследок я немного затрону стили, которые были заданы первой ссылке, для того чтобы мы могли их отличить, и они не выглядели одинаково. Мы прописали атрибут style и начали перечислять свойства и задавать им значения необходимые нам. В данном случаем мы задали размер шрифта в 200%, а также цвет ссылки синий. И теперь при переходе по ссылке, она не будет менять свой цвет, т.к. у посещенной ссылки изначально (если не заданы стили) есть такое свойство - менять цвет, на фиолетовый, что некоторым не нравится, в том числе и мне, а задав свои свойства, она будет всегда одного цвета. На сегодня мы завершим данную тему, успехов Вам!
