HTML-элемент – определяется открывающим тегом, если элемент содержит другое содержимое, он заканчивается закрывающим тегом, где перед именем элемента предшествует косая черта. Ниже показаны примеры с несколькими тегами:

Открывающий тегСодержимоеЗакрывающий тег
<p>Это абзац содержимого.</p>
<h1>Это заголовок содержимого.</h1>
<div>Это содержание раздела.</div>
<br />

Итак, здесь <p>.... </p> – это элемент HTML, <h1>...</h1> – это еще один элемент HTML. Есть некоторые HTML-элементы, которые не нужно закрывать, например элементы <img.../>, <hr /> и <br />. Они называются недействительные элементы.

HTML-документы состоят из дерева этих элементов, и они указывают, как должны быть построены HTML-документы, и какой контент должен быть размещен в этой части документа HTML.

Отличие тега от элемента

Элемент HTML определяется стартовым (открывающим) тегом. Если элемент содержит другое содержимое, он заканчивается закрывающим тегом.

Например, <p> является начальным тегом абзаца, а </p> закрывает тег того же абзаца, но <p>Это абзац </p> является элементом абзаца.

Вложенные HTML-элементы

Разрешено вставлять один HTML-элемент внутри другого HTML-элемента:

<!DOCTYPE html>
<html>
  <head>
    <title>Пример вложенных элементов в HTML</title>
  </head>
  <body>
    <h1>Это <i>курсивный</i> заголовок</h1>
    <p>Это <u>подчеркнутый</u> абзац.</p>
  </body>
</html>

Получим следующий результат:

Пример вложенных элементов в HTML, вложенные html-элементы
Источник: HTML - Elements.

Оглавление