|
HTML документы
состоят из HTML элементов.
HTML элементы
HTML элементом называется
комбинация
начального
тэга, конечного
тэга и
содержимого.
Примеры HTML
элементов:
|
Начальный
тэг
|
Содержимое
элемента
|
Конечный
тэг
|
|
<p>
|
Это абзац.
|
</p>
|
|
<b>
|
Это жирный
текст.
|
</b>
|
|
<br />
|
Обратите
внимание: большинство
элементов
могут также
иметь атрибуты (атрибуты
будут
подробно
рассмотрены
в следующей
главе
данного
учебника).
О
конечном
тэге
Браузер
верно
отобразит 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).
|
