HTML Блоки
Каждый HTML элемент имеет значение отображения по умолчанию, в зависимости от типа элемента.
Существует два значения отображения: блочный и встроенный.
Элементы блочного уровня
Элемент уровня блока всегда начинается с новой строки и занимает всю доступную ширину (растягивается влево и вправо, насколько это возможно).
<div> является элементом блочного уровня.Здесь представлены блочные элементы в HTML:
Встроенный элемент
Встроенный элемент не начинается с новой строки и занимает только столько ширины, сколько необходимо.
Это элемент <span> внутри параграфа.
Вот встроенные элементы в HTML:
Примечание: Встроенный элемент не может содержать элемент блочного уровня!
Элемент <div>
Элемент <div> часто используется в качестве контейнера для других HTML элементов.
Элемент <div> не имеет обязательных атрибутов, но style, class и id являются общими.
При использовании вместе с CSS, элемент <div> можно использовать для стилизации блоков контента:
Пример
<div style="background-color:black;color:white;padding:20px;">
<h2>Лондон</h2>
<p> Лондон-столица Англии. Это самый густонаселенный город в Соединенном Королевстве, с метрополией более 13 миллионов жителей.</p>
</div>
Попробуйте сами »
Элемент <span>
Элемент <span> - это встроенный контейнер, используемый для разметки части текста или части документа.
Элемент <span> не имеет обязательных атрибутов, но style, class и id являются общими.
При использовании вместе с CSS, элемент <span> элемент можно использовать для стилизации частей текста:
Пример
<p>У моей матери есть <span style="color:blue;font-weight:bold">blue</span> уши и у моего отца есть <span style="color:darkolivegreen;font-weight:bold">dark
green</span> глаза.</p>
Попробуйте сами »
Краткое содержание главы
- Существует два значения отображения: блочный и встроенный
- Элемент уровня блока всегда начинается с новой строки и занимает всю доступную ширину
- Встроенный элемент не начинается с новой строки и занимает только столько ширины, сколько необходимо
- Элемент
<div>является блочным уровнем и часто используется в качестве контейнера для других HTML элементов - Элемент
<span>- это встроенный контейнер, используемый для разметки части текста или части документа
HTML Теги
| Тег | Описание |
|---|---|
| <div> | Определяет раздел в документе (блока) |
| <span> | Определяет раздел в документе (встроенный) |
Для получения полного списка всех доступных HTML тегов посетите HTML Справочник тегов.