HTML Элементы
В этой теме:
HTML Элементы веб-страницы
HTML элемент обычно состоит из тега начального и тега конечного, а содержимое вставляется между:
HTML элемент - это все от начального тега до конечного тега:
| Начальный тег | Содержание элемента | Конечный тег |
|---|---|---|
| <h1> | Мой первый заголовок | </h1> |
| <p> | Мой первый параграф. | </p> |
| <br> |
HTML элементы без содержимого называются пустыми элементами. Пустые элементы не имеют конечного тега, например, как элемент <br> (который указывает на разрыв строки).
Вложенные HTML элементы
HTML элементы могут быть вложенными (элементы могут содержать элементы).
Все документы HTML состоят из вложенных элементов HTML.
Этот пример содержит четыре элемента HTML:
Пример
<!DOCTYPE html>
<html>
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
</html>
Попробуйте сами »
Объяснение примера
Элемент <html> определяет весь документ.
У него есть начальный тег <html> и конечный тег </html>.
Внутри <html> элемента находится элемент <body>.
<html>
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
</html>
Элемент <body> определяет тело документа.
У него есть начальный тег <body> и конечный тег </body>.
Внутри элемента <body> есть два других HTML элемента:
<h1> и
<p>.
<body>
<h1>Мой первый заголовок</h1>
<p>Мой первый параграф.</p>
</body>
Элемент <h1> определяет заголовок.
У него есть начальный тег <h1> и конечный тег </h1>.
Элемент содержание это: Мой первый заголовок.
<h1>Мой первый заголовок</h1>
Элемент <p> определяет параграф.
У него есть начальный тег <p> и конечный тег </p>.
Элемент содержание это: Мой первый параграф.
<p>Мой первый параграф.</p>
Не забывайте про конечный тег
Некоторые элементы HTML будут отображаться правильно, даже если вы забудете конечный тег:
Приведенный выше пример работает во всех браузерах, поскольку закрывающий тег считается необязательным.
Никогда не полагайтесь на это. Это может привести к неожиданным результатам и/или ошибкам, если вы забудете конечный тег.
Пустые HTML элементы
HTML элементы без содержимого называются пустыми элементами.
Элемент <br> - это пустой элемент без закрывающего тега (тег <br>
определяет обрыв строки):
HTML5 не требует закрытия пустых элементов. Но если вам нужна более строгая проверка или если вы хотите, чтобы ваш документ читался XML-анализаторами, вы должны правильно закрыть все элементы HTML.
HTML не чувствителен к регистру
HTML-теги не чувствительны к регистру: <P> означает то же, что и <p>.
Стандарт HTML5 не требует строчных тегов, но W3C рекомендует использовать строчные буквы в HTML, и требует строчные буквы для более строгих типов документов, таких как XHTML.
В W3Schools всегда используют строчные теги.
HTML ЭЛЕМЕНТЫ. Основы веб-разработки. W3Schools на русском
HTML Элементы. Видеоуроки сайта W3Schools на русском!
Вопросы для самоконтроля
- Что такое элементы веб-страницы?
- Что такое вложенные HTML-элементы?
- Что такое начальный и конечный тег?
- Зачем нужен конечный тег?
- Что такое пустые HTML-элементы?
- Что такое верхний и нижний регистр?
- В каком регистре рекомендуется писать HTML-теги?
