HTML документ определяется элементами HTML.
Элементы HTML
Элементом HTML является все с самого начала тега до конца тега:
| тег открытия * | Содержимое элемента | тег закрытия * |
|---|---|---|
| <p> | Это параграф | </p> |
| <a href="default.htm"> | Это линк | </a> |
| <br /> |
* Начальный тег часто называют открывающий тег. Последний тег часто называют закрывающий тег.
Синтаксис элемента HTML
- Элемент HTML начинается с открывающего тега / тега открытия
- Элемент HTML заканчивается закрывающим тегом / тегом закрытия
- Содержимое элемента это все между началом и концом тега
- Некоторые HTML элементы имеют пустое содержимое
- Пустые элементы закрыты в начале тега
- Большинство HTML элементов могут иметь атрибуты
(Вы узнаете об атрибутах элементов в следующей главе этого учебника)
Вложенные элементы HTML
Большинство HTML элементов могут быть вложенными (могут содержать другие элементы HTML).
Документы HTML состоят из вложенных элементов HTML.
Пример документа HTML
<p>Это мой первый параграф.</p> |
В приведенном выше примере содержится 3 элемента HTML.
Элемент <p>:
| <p>Это мой первый параграф</p> |
Элемент <p> определяет параграф в документе HTML
Элемент содержит открывающий тег <p> и закрывающий тег
</p>
Элемент содержания: Это мой первый параграф
Элемент <body>:
|
<body> <p>Это мой первый параграф</p> </body> |
Элемент <body> определяет тело документа HTML
Элемент содержит начальный тег <body> и закрывающий тег </body>
Этот элемент содержит еще один элемент HTML (параграф)
Элемент <html>:
|
<html> <body> <p<Это мой первый параграф </p> </body> </html> |
Элемент <html> определяет весь документ HTML.
Элемент содержит начальный тег <html> и закрывающий тег </html>
Элемент содержит еще один элемент HTML (body)
Не забудьте про закрывающий тег
Большинство браузеров будет отображать HTML правильно, даже если вы забыли закрывающий тег:
<p>Это параграф <p>Это другой параграф
Приведенный выше пример работает в большинстве браузеров, но не полагайтесь на это.
Примечание: Будущая версия HTML не позволит вам пропустить конечный тэг.
Пустые элементы HTML
HTML элементы без содержимого, называются пустыми элементами.Пустые элементы могут быть закрыты в начале тега.
<br> является пустым элементом без закрывающего тега (он определяет переход строки).
В XHTML, XML, и в будущих версиях HTML, все элементы должны быть закрыты.
Добавление слеша в начале тега, как <br/>, является надлежащим способом закрытия пустых элементов, принятых HTML, XHTML и XML.
Даже если <br> работает во всех браузерах, написание <br/> это более подходящий способ.
HTML подсказка: Используйте нижние тэги
HTML-теги не чувствительны к регистру: <P> означает то же что и <p>. Много веб-сайтов используют верхний регистр тегов в HTML страницах.
Xhtml.co.il использует нижний регистр тегов, потому что World Wide Web Consortium (W3C) рекомендует маленькие буквы в HTML 4, и требует использования маленьких букв в будущих версиях (X) HTML.
Была ли эта информация полезной?
