HTML — Элементы


Оглавление

    Показать оглавление

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

Начальный тег:

<p>

Содержание :

This is paragraph content.

Конечный тег:

</p>

Начальный тег:

<h1>

Содержание :

This is heading content.

Конечный тег:

</h1>

Начальный тег:

<div>

Содержание :

This is division content.

Конечный тег:

</div>

Начальный тег:

<br />

Содержание :

Конечный тег:


Так вот

<p>....</p>

является HTML-элементом,

<h1>...</h1>

является еще одним элементом HTML. Есть некоторые элементы HTML, которые не нужно закрывать, такие как

<img.../>
<hr />
<br />

Они известны как пустые элементы.

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

HTML-тег против элемента

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

Например,

<p>

является начальным тегом абзаца и

</p>

закрывающий тег того же абзаца, но

<p>This is paragraph</p>

является элементом абзаца.

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

Очень разрешено хранить один HTML-элемент внутри другого HTML-элемента:

Пример


<!DOCTYPE html>
<html>

   <head>
      <title>Nested Elements Example</title>
   </head>
	
   <body>
      <h1>This is <i>italic</i> heading</h1>
      <p>This is <u>underlined</u> paragraph</p>
   </body>
	
</html>

Это отобразит следующий результат: