HTML документы состоят из HTML элементов.

HTML элементы

HTML элементом называется комбинация начального тэга, конечного тэга и содержимого.

Примеры HTML элементов:

Обратите внимание: большинство элементов могут также иметь атрибуты (атрибуты будут подробно рассмотрены в следующей главе данного учебника).

О конечном тэге

Браузер верно отобразит HTML элемент даже если Вы забудете указать конечный тэг.

HTML является языком "прощающим ошибки", однако существует и более строгая разновидность языка (XHTML), в которой пропуск конечного тэга будет считаться ошибкой.

<p>Параграф без закрытого тэга
<p>Еще один параграф без закрытого тэга

Вложенные элементы

Большинство элементов могут быть вложены друг в друга (т.е. в содержимом одного элемента может располагаться другой элемент).

Например вложив элемент <i> в элемент <b> Вы сможете сделать текст одновременно жирным и курсивным.

В XHTML элементы всегда должны быть вложены правильно (неправильно: <i><b></i></b>, правильно: <i><b></b></i>), в HTML неправильно вложенные элементы не считаются ошибкой.

<i><b>Данный текст курсивный и жирный одновременно.</b></i>

Пустые HTML элементы

Элементы, которые не могут иметь содержимое называются пустыми элементами, например <br>, <hr> являются пустыми элементами.

В XHTML пустые элементы обязаны иметь закрывающийся тэг (<br />,<hr />), в HTML отсутствие закрывающегося тэга не считается ошибкой и браузер будет верно отображать такие элементы.

В каком регистре писать тэги?

HTML не чувствителен к регистру это значит, что тэг <b> будет интерпретироваться браузером так же как и тэг <B>, в XHTML тэги могут быть написаны только в нижней раскладке.

Несмотря на то, что HTML не настаивает на строгом синтаксисе мы рекомендуем заранее выработать определенные правила написания кода (например если Вы пишете тэги в нижней раскладке, то делайте так всегда).

Код не следующий никаким правилам неприятно читать и сложно понимать.

Сравните:

<!-- 1. Код написанный в "свободном стиле" -->
<HR>
<P ID=par1>Это первый параграф
<br />
<i><p>Это второй параграф</I>
<HR>
<!-- 2. Код следующий правилам XHTML -->
<hr />
<p id="par1">Это первый параграф</p>
<br />
<p><i>Это второй параграф</i></p>
<hr />

Обратите внимание: при написании примеров к данному учебнику мы всегда следовали правилам XHTML. Узнать о XHTML больше можно в нашем XHTML учебнике (рекомендуем переходить к изучению этого учебника только после изучения HTML).