Элемент 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 будут отображаться правильно, даже если вы пропустили конечный тег:
<html>
<body>
<p>Это параграф
<p>Это параграф
</body>
</html>
Однако никогда не полагайтесь на это! Если вы забудете конечный тег, могут возникнуть неожиданные результаты и ошибки!
Пустые HTML - элементы
Элементы HTML без содержимого называются пустыми элементами.
Тег <br> определяет разрыв строки и является пустым элементом без закрывающего тега:
<p>Это параграф <br> с разрывом строки.</p>
HTML не чувствителен к регистру
Теги HTML не чувствительны к регистру: <P> означает то же, что и <p>.
Справочник по тегам HTML
Справочник по тегам содержит дополнительную информацию об этих тегах и их атрибутах.
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.
☛ Атрибуты HTML
Основные примеры HTML ☚
