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


Далее на странице



Голова документа – Тег head

Голова документа обозначается тегом <head>. Отсутствие закрывающего тега </head> не является ошибкой, но по «правилам хорошего тона» его наличие желательно.

Основная функция тега <head> в том, что он содержит служебную информацию о текущем документе, которая на странице не отображена. Исключение составляет тег <title>. Этот обязательный тег содержит имя документа, которое отображается в заголовке окна браузера - в левом верхнем углу.

Тег <meta> не является обязательным, но он относится к одному из ключевых элементов не только головы, но и всего документа. Не случайно тег <meta> присутствует при создании нового документа в HTML-редакторе Adobe Dreamweaver, когда минимальный первоначальный код страницы создается автоматически. Мета-запись при этом используется для указания типа документа и его кодировки.

Кроме этого тег <meta> применяется для краткого описания страницы, которое используется поисковыми системами.

Пространство между тегами <head> и </head> служит также для связи текущей страницы с внешними объектами:

- тег <link> устанавливает связь с CSS-файлом со стилями. Но задать стилевое оформление элементам текущей страницы можно также при помощи тега <style>;

- тег <base> предназначен для задания полного базового адреса текущего документа. Этот адрес является отправной точкой для относительных адресов при их использовании внутри текущей страницы.

Фрагмент кода
<!doctype html>
<html>
<head>
<meta charset=
"utf-8">
<title>
Имя документа </title>
<link href=
"style.css" rel="stylesheet" type="text/css">
<style>
p {color:#990066; font-style: italic;}
</style>
</head>


<body>
<p>
В теге meta указана кодировка страница "utf-8". </p>
<p>
При помощи тега link установлена связь с внешним файлом со стилями - style.css. </p>
<p>
А в теге style задано стилевое оформление для всех абзацев текущего документа. </p>
</body>
</html>
Результат


HTML по шагам

Все теги HTML