HTML элемент определяется начальным тегом, некоторым содержимым и конечным тегом.
Написание элементов HTML
HTML элемент определяется начальным тегом, некоторым содержимым и конечным тегом:
HTML элемент - все от начального тега до конечного тега
| Начальный тег | Элемент содержимого | Конечный тег |
|---|---|---|
| <h1> | Мой первый заголовок | </h1> |
| <p> | Мой первый параграф. | </p> |
| <br> | нет | нет |
Примечание: Некоторые HTML элементы не имеют содержимого (например, элемент <br>). Эти элементы называются пустыми элементами. Пустые элементы не имеют конечного тега!
Вложенные элементы
HTML элементы могут быть вложенными (элементы могут содержать элементы).
Все документы HTML состоят из вложенных элементов HTML.
В этом примере состоит из четырех элементов HTML:
<!DOCTYPE html>
<html>
<body>
h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
</html>
Попробуйте сами »
Объяснение примера
Элемент <html> определяет весь документ.
Он имеет начальный тег <html> и конечный тег </html>.
Элемент содержит еще один HTML элемент <body>.
<html>
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
</html>
Элемент <body> определяет тело документа.
Он имеет начальный тег <body> и конечный тег </body>.
Элемент содержит два других HTML элементов <h1> и <p>.
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
Элемент <h1> определяет заголовок.
Он имеет начальный тег <h1> и конечный тег </h1>.
<h1>Мой первый заголовок</h1>
Элемент <p> определяет параграф.
Он имеет начальный тег <p> и конечный тег </p>.
Элемент содержит: Мой первый параграф.
<p>Мой первый параграф.</p>
Не забудьте закрывающий тег
Некоторые HTML элементы будут отображаться некорректно, если вы забыли закрывающий тег:
<html>
<body>
<p>Это параграф
<p>Это параграф
</body>
</html>
Попробуйте сами »
Однако никогда не полагайтесь на это! Если вы забудете конечный тег, могут возникнуть неожиданные результаты и ошибки!
Пустые элементы HTML
HTML элементы без содержимого называются пустыми элементами.
Тег <br> определяет разрыв строки и является пустым элементом без закрывающего тега:
<p>Это параграф <br> с разрывом строки.</p>
Попробуйте сами »
HTML не чувствителен к регистру символов
HTML теги не чувствительны к регистру символов: <P> означает то же самое, что и <p>.
Стандарт HTML не требует строчных тегов, но sw3C рекомендует строчные буквы в HTML и требует нижний регистр для более строгих типов документов, таких как XHTML.
В Schoolsw3 всегда используется имена тегов в нижнем регистре.
Справочник тегов HTML
Schoolsw3' ссылка на теги содержит дополнительную информацию об этих тегах и их атрибутах.
| Тег | Описание |
|---|---|
| <html> | Определяет корень документа HTML |
| <body> | Определяет тело документа HTML |
| <h1> по <h6> | Определяет заголовки документа HTML |
Для получения полного списка всех доступных HTML тегов посетите HTML Справочник тегов.