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



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



Любой html-документ должен начинаться тегом <!DOCTYPE>, который указывает тип текущего документа — DTD (Document Type Definition - описание типа документа). Указывается используемая версия HTML или XHTML. Благодаря тегу <!DOCTYPE> браузер понимает как интерпретировать текущую страниц, для ее корректного отображения.

Например строка:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

говорит о том, что используется 4.01 версия HTML с строгим синтаксисом. Запоминать эту строку не надо, главное знать, что она необходима.

Далее, после тега <!DOCTYPE> - указания типа текущего документа, следует тег <html>, который включает все содержимое страницы: теги <head> и <body>.

Тег <head> (голова документа) содержит служебную информацию о текущей странице.

Обязательным элементом головы документа является  тег <title>, который отображает имя документа в заголовке окна браузера - в левом верхнем углу окна.

Тег <body> (тело документа) включает в себя все содержимое страницы - все что Вы видите в окне браузера.

У любого html-документа одна голова и одно тело. Важно, что сначала идет голова, затем тело.

Закрывающим тегом </html> заканчивается любой html-документ.

Таковы обязательные теги и структура любого html-документа!



Структура html-документа

Фрагмент кода
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> <!--Начало документа-->
<head>
<!--Голова документа-->
<title> Заголовок </title> <!--Имя документа-->
</head>
<body>
<!--Тело документа - содержимое страницы-->
</body>
</html>
<!--Конец документа-->

В этом примере для пояснения я использовал комментарии.

Для вставки комментария используется тег <!-- -->. Комментарий в браузере не отображается.



HTML по шагам

Все теги HTML

Тематические публикации

Тематические публикации