HTML <div> и <span>

HTML может группировать элементы вместе с помощью <div> и <span>.

Блочные элементы HTML

Большинство HTML-элементов определяются какБлочные элементыилиСтрочные элементы。

Блочные элементы обычно начинаются (и заканчиваются) с новой строки при отображении в браузере.

Пример: <h1>, <p>, <ul>, <table>

Строчные элементы HTML

Строчные элементы обычно не начинаются с новой строки при отображении.

Пример: <b>, <td>, <a>, <img>

HTML-элемент <div>

HTML-элемент <div> — это блочный элемент, который можно использовать как контейнер для группировки других HTML-элементов.

Элемент <div> не имеет конкретного значения. Кроме того, поскольку это блочный элемент, браузер отображает разрывы строк до и после него.

При использовании с CSS элемент <div> можно использовать для задания свойств стиля для больших блоков содержимого.

Другое распространённое использование элемента <div> — это макет документа. Он заменяет старый метод использования таблиц для определения макета. Использование элемента <table> для макета документа не является правильным использованием таблицы. Роль элемента <table> — отображать табличные данные.

HTML-элемент <span>

HTML-элемент <span> — это строчный элемент, который можно использовать как контейнер для текста.

Элемент <span> также не имеет конкретного значения.

При использовании с CSS элемент <span> может использоваться для задания свойств стиля для частей текста.

Группирующие теги HTML