HTML -элементы
Элемент HTML определяется начальным тегом, некоторым содержимым и конечным тегом.
HTML-элементы
Элемент HTML — это все, от начального тега до конечного тега:
Примеры некоторых элементов HTML:
Start tag | Element content | End tag |
---|---|---|
<h1> | My First Heading | </h1> |
<p> | My first paragraph. | </p> |
<br> | none | none |
Примечание. Некоторые элементы HTML не имеют содержимого (например, элемент <br>). Эти элементы называются пустыми элементами. Пустые элементы не имеют закрывающего тега!
Вложенные элементы HTML
Элементы HTML могут быть вложенными (это означает, что элементы могут содержать другие элементы).
Все документы HTML состоят из вложенных элементов HTML.
Следующий пример содержит четыре элемента HTML ( <html>
, <body>
, <h1>
и <p>
):
Пример
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Объяснение примера
Элемент <html>
является корневым и определяет весь HTML-документ.
У него есть начальный тег <html>
и конечный тег </html>
.
Затем внутри <html>
элемента находится <body>
элемент:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
Элемент <body>
определяет тело документа.
У него есть начальный тег <body>
и конечный тег </body>
.
Затем внутри <body>
элемента есть два других элемента:
<h1>
и
<p>
:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
Элемент <h1>
определяет заголовок.
Он имеет начальный тег <h1>
и конечный тег </h1>
:
<h1>My First Heading</h1>
Элемент <p>
определяет абзац.
Он имеет начальный тег <p>
и конечный тег </p>
:
<p>My first paragraph.</p>
Никогда не пропускайте конечный тег
Некоторые элементы HTML будут отображаться правильно, даже если вы забудете конечный тег:
Пример
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
Однако никогда не полагайтесь на это! Если вы забудете конечный тег, могут возникнуть неожиданные результаты и ошибки!
Пустые HTML-элементы
Элементы HTML без содержимого называются пустыми элементами.
Тег <br>
определяет разрыв строки и представляет собой пустой элемент без закрывающего тега:
Пример
<p>This is a <br> paragraph with a line break.</p>
HTML не чувствителен к регистру
Теги HTML не чувствительны к регистру: <P>
означает то же, что и <p>
.
Стандарт HTML не требует тегов нижнего регистра, но W3C рекомендует строчные буквы в HTML и требует строчных букв для более строгих типов документов, таких как XHTML.
В W3Schools мы всегда используем имена тегов в нижнем регистре.
Справочник по тегам HTML
Справочник по тегам W3Schools содержит дополнительную информацию об этих тегах и их атрибутах.
Tag | Description |
---|---|
<html> | Defines the root of an HTML document |
<body> | Defines the document's body |
<h1> to <h6> | Defines HTML headings |
Полный список всех доступных HTML-тегов см. в нашем Справочнике по HTML-тегам .