Краткое введение в HTML - Основные тэги

Структура документа - тэги <HTML>, <HEAD>, <BODY>

Получая документ, WEB-броузер определяет, как он должен быть интерпретирован. Самый первый тэг, который встречается в документе - тэг <HTML>. Данный тэг сообщает WEB-броузеру, что документ написан с использованием HTML. Минимальный HTML-документ будет выглядеть так:

<HTML> ... документ ... </HTML>

Тэг заголовочной части документа <HEAD> должен быть использован сразу после тэга <HTML> и более нигде в теле документа. Данный тэг представляет из себя общее описание документа.

Внутри тэга <HEAD> размещается тэг <TITLE>. Большинство WEB-броузеров отображают содержимое тэга <TITLE> в заголовке окна, содержащего документ и в файле закладок. Заголовок документа не появляется при отображении самого документа в окне.

Тело документа должно находиться между тэгами <BODY> и </BODY>. Это та часть документа, которая отображается как текстовая и графическая (смысловая) информация документа.

Приведённый ниже пример демонстрирует общую структуру HTML-документа:

Этот текст увидит посетитель страницы

<HTML>
<HEAD>
<TITLE> Первый документ </TITLE>
</HEAD>
<BODY>
Этот текст увидит посетитель страницы
</BODY>
</HTML>

Технически, тэги <HTML>, <HEAD> и <BODY> необязательны, но настоятельно рекомендуется их использовать, поскольку они позволяют WEB-броузеру уверенно разделить заголовочную смысловую части документа.

Уровни заголовков <H1>, <H2> ... <H6>

Текст документа структурно делится на просто текст, заголовки частей текста, заголовки более высокого уровня и т.д. Первый уровень заголовков (самый большой) обозначается цифрой 1, следующий - 2, и т.д. Большинство броузеров поддерживает интерпретацию шести уровней заголовков, определяя каждому из них собственный стиль. Заголовки выше шестого уровня не являются стандартом и могут не поддерживаться броузером. Заголовок самого верхнего уровня имеет значение 1, самого низкого - 6. Например:

Заголовок первого уровня

Заголовок второго уровня

Заголовок третьего уровня

Заголовок четвёртого уровня

Заголовок пятого уровня

Заголовок шестого уровня

<h1> Заголовок первого уровня </h1>

<h2> Заголовок второго уровня </h2>

<h3> Заголовок третьего уровня </h3>

<h4> Заголовок четвёртого уровня </h4>

<h5> Заголовок пятого уровня </h5>

<h6> Заголовок шестого уровня </h6>

Тэг абзаца <P>

В отличии от большинства текстовых процессоров, в HTML-документе обычно игнорируются символы возврата каретки. Физический разрыв абзаца может находиться в любом месте исходного текста документа (для удобства его читаемости). Однако броузер разделяет абзацы только при наличии тэга <P>. Если вы не разделите абзацы тэгом <P>, ваш документ будет выглядеть как один большой абзац.

Дополнительные параметры тэга <P> позволяют выравнивать абзац по левому краю, центру и правому краю соответственно. Например:

Текст слева

Текст в центре

Текст справа

<p align="left"> Текст слева </p>

<p align="center"> Текст в центре </p>

<p align="right"> Текст справа </p>

Тэг <BR>

Тэг <BR> извещает броузер о разрыве строки. Наилучший пример использования данного тэга - форматированный адрес или любая другая последовательность строк, где броузер должен отображать их одну под другой. Например:

Вася Пупкин
Солнечный проспект,
д.8А, офис 157

Вася Пупкин <BR>
Солнечный проспект, <BR>
д.8А, офис 157

Следующий workshop	>> Краткое введение в HTML - Ссылки
Предыдущий workshop	<< Краткое введение в HTML - Общие правила

	>> Ваше мнение

	<< Вернуться к содержанию