«Единственный способ творить великие дела – это любить то, что ты делаешь»
HTML


Тег <link> устанавливает связь с внешними объектами – в основном с файлом со стилями. При этом, в отличие от тега <a>, он не создает ссылку.

Тег размещается в голове документа (тег <head>) и может использоваться несколько раз.

Закрывающий тег

Не имеет


Атрибут Href

Атрибут тега link - задает адрес файла, с которым устанавливается связь.

Значение/я атрибута:
Абсолютный или относительный путь к файлу (подробнее здесь...)
Значение по умолчанию:
Не имеет

Атрибут Rel

Атрибут тега link - определяет тип взаимосвязи между текущим документом и файлом, на который делается ссылка.

Значение/я атрибута:
stylesheet – указывает на то, что файл, на который делается ссылка, содержит таблицу стилей для текущего документа.
Значение по умолчанию:
Не имеет

Атрибут Type

Атрибут type тега link - станавливает MIME - тип (Multipurpose Internet Mail Extensions - Многоцелевые расширения почты интернета) файла, с которым устанавливается связь.

Значение/я атрибута:
MIME - тип - text/css
Значение по умолчанию:
text/css
Пример
<!doctype html>
<html>
<head>
<meta http-equiv= "Content-Type" content="text/html; charset=windows-1251">
<title> Тег link </title>
<link href="link.css" rel="stylesheet" type="text/css">
</head>
<body>

<p> Спомощью тега link стало возможным связать html-файл <span> link.html </span> с внешним файлом со стилями <span> link.css </span>, задающим оформление для элементов текущей страницы! </p>

</body>
</html>
Результат

Спомощью тега link стало возможным связать html-файл link.html с внешним файлом со стилями link.css , задающим оформление для элементов текущей страницы!

Пример вышеупомянутого внешенго файла со стилями link.css

p{color:#CC9900; font-size:16px}
span{
color:#CC0000; font-size:20px; text-decoration:underline}

В файле link.css задано оформление для всех абзацев (тег <p>) и для содержимого тегов <span>, находящихся в файле link.html.



Все теги HTML

HTML по шагам