Каждый элемент HTML имеет значение отображения по умолчанию в зависимости от того, какого типа элемента это. отображаемое значение по умолчанию для большинства элементов блока или инлайн.
Элементы уровня блока
Элемент блочного уровня всегда начинается с новой строки и занимает всю доступную ширину (stretches out to the left and right as far as it can) .
Примеры блочных элементов:
- <div>
- <h1> - <h6>
- <p>
- <form>
строковые элементы
Встроенный элемент не начинается с новой строки и занимает лишь столько ширины по мере необходимости.
Это рядный <span> элемент внутри абзаца.
Примеры встроенных элементов:
- <span>
- <a>
- <img>
<div> Элемент
<div> элемент представляет собой элемент уровня блока , который часто используется в качестве контейнера для других элементов HTML.
<div> элемент не имеет необходимых атрибутов, но style и class являются общими.
При использовании вместе с CSS, то <div> элемент может быть использован для блоков типа контента:
пример
<div style="background-color:black; color:white; padding:20px;">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div> Попробуй сам " <span> Элемент
<span> элемент представляет собой встроенный элемент , который часто используется в качестве контейнера для некоторого текста.
<span> элемент не имеет необходимых атрибутов, но style и class являются общими.
При использовании вместе с CSS, то <span> элемент может быть использован для деталей типа текста:
HTML Группировка Теги
| Тег | Описание |
|---|---|
| <div> | Определяет раздел в документе (block-level) на (block-level) |
| <span> | Определяет раздел в документе (inline) |