Элемент HTML — это основная структурная единица веб-документа, написанная на языке HTML. Элементы отвечают за разработку веб-страниц и определяют её содержимое. Все элементы HTML определяются начальным тегом, содержимым внутри тегов и конечным тегом.
HTML - элементы
Элемент HTML — это все содержимое, от начального тега до конечного тега:
<название тега>
Содержимое будет здесь...
</название тега>
Примеры некоторых элементов HTML:
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
Начальный тег
Контент элемента
Конечный тег
<h1>
Мой первый заголовок
</h1>
<p>
Мой первый параграф.
</p>
<br>
Нет.
Нет.
★ Примечание: некоторые элементы HTML не имеют содержимого (например, элемент <br>). Эти элементы называются пустыми. Пустые элементы не имеют закрывающего тега!
Вложенные элементы HTML
Элементы HTML могут быть вложенными (это означает, что элементы могут содержать другие элементы).
Все документы HTML состоят из вложенных элементов HTML.
Следующий пример содержит четыре элемента HTML (<html>, <body>, <h1> и <p>):
Пример:
<!DOCTYPE html>
<html>
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
</html>
Объяснение примера
Элемент <html> является корневым элементом и определяет весь HTML-документ.
Он имеет начальный тег <html> и закрывающий (конечный) тег </html>.
Далее внутри элемента <html> есть элемент <body>:
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
Элемент <body> определяет тело документа.
Он имеет начальный тег <body> и закрывающий тег </body>.
Затем внутри элемента <body> есть еще два элемента: <h1> и <p>:
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
Элемент <h1> определяет заголовок.
Он имеет начальный тег <h1> и конечный тег </h1>:
<pre><h1>Мой первый заголовок</h1></pre>
Элемент <p> определяет параграф.
Он имеет начальный тег <p> и конечный тег </p>:
<p>Мой первый параграф.</p>
Никогда не пропускайте конечный тег
Некоторые элементы HTML будут отображаться правильно, даже если вы пропустили конечный тег:
