Урок 6. ссылки в HTML

И так, пора двигаться дальше! К этому уроку Вы пришли уже освоив самое основное в html, разобрав самые важные теги и научились подгонять шаблоны под свои нужды. Но теперь изучим такое понятие как ссылки в html

За ссылки в данном языке отвечает тег <a></a>. Для указания адреса, на который ведет ссылка используется атрибут href. Выглядит это так:

В html-коде нашей страницы, в том месте где нужно вставить ссылку прописываем код:

<a href="http://myseogo.ru">Обучающие материалы по сайтостроению и продвижению</a>

А вот как это будет выглядеть в браузере:

Обучающие материалы по сайтостроению и продвижению




Т.е. в том месте где у меня написано «http://myseogo.ru» — вы прописываете нужную вам ссылку, а где «Обучающие материалы по сайтостроению и продвижению» — прописываете текст ссылки, который вам нужен.

Атрибут target

Атрибут target применяется тоже в теге <a>, принимает три значения: _self _new и _blank и используется он для осуществления следующих действий:

<a href="http://myseogo.ru" target="_self">Обучающие материалы по сайтостроению и продвижению</a>
ссылка откроется в этой же вкладке
<a href="http://myseogo.ru" target="_new">Обучающие материалы по сайтостроению и продвижению</a>
ссылка откроется в новом окне
<a href="http://myseogo.ru" target="_blank">Обучающие материалы по сайтостроению и продвижению</a>
ссылка откроется в новой вкладке

Также у тега <a> имеется атрибут title, который предназначен для того, чтобы при наведении на ссылку выпадала подсказка, например:

<a href="http://myseogo.ru" target="_blank" title="Внимание! Ссылка откроется в новой вкладке!">Обучающие материалы по сайтостроению и продвижению</a>
ссылка откроется в новой вкладке

Ну и наконец, атрибут charset — предназначен для таких случаев, когда ссылка ведет на сайт, который написан в кодировке отличающейся от кодировки сайта на котором расположена ссылка. Выглядит на примере так:

<a href="http://myseogo.ru" charset="Windows-1251">Обучающие материалы по сайтостроению и продвижению</a>

Ну вот собственно и все! Ничего сложного, но тем не менее это очень важно знать. Удачи Вам в дальнейшем изучении сайтостроения!




Комментарии закрыты.