HTML-элементы — это строительные блоки HTML-документов.
HTML-элемент состоит из открывающего тега + содержимое + закрывающий тег.
Пример HTML-элемента:
<p>This is a paragraph.</p>
- Это абзац. Это содержимое.
Вложенные элементы HTML
Элементы HTML могут быть вложенными. Это означает, что один элемент может быть помещен внутрь другого элемента.
Следующий пример содержит шесть HTML-тегов:
<html>, <head>, <title>, <body>, <p> и <br>:
<html>
<head>
<title>first page</title>
</head>
<body>
<p>This is a paragraph <br>new line</p>
</body>
</html>
Теги <p>, тег <br> и текст содержимого вложены в элемент body в приведенном выше примере.
Некоторые элементы HTML, такие как элемент <br>, не имеют содержимого и не требуют тега end. Они известны как пустые элементы. Тег
определяет разрыв строки в абзаце.
Еще один пример вложенных элементов:
<p>This is <em>Emphasize</em> text</p>
<p>This is <b>bold</b> text</p>
В приведенном выше примере элементы <em> и <b> вложены внутрь элемента <p>.
Основные элементы
Ниже перечислены основные элементы HTML-страницы, с которыми вы можете столкнуться:
<h1>, <h2>, <h3>, <h4>, <h5>, и
используются для обозначения текстового заголовка.
Тег <p> используется для обозначения абзаца.
Тег <hr> используется для обозначения горизонтальной линейки.
Тег <a> (якорь) используется для обозначения ссылки.
Теги <ul> (неупорядоченный список), <ol> (упорядоченный список) и <li> (элемент списка) используются для обозначения списка.
Тег <img> используется для обозначения изображения.
Тег <div> определяет разделение или раздел в HTML-документе.
Тег <span> используется для обозначения текстового диапазона.
Хотите узнать больше об элементах HTML? Вот полезный справочник, созданный MDN Web Docs — HTML elements reference.
Если вы хотите больше узнать о базовой структуре HTML веб-сайта, перейдите сюда.