Урок 10. Типы элементов в HTML
Большинство элементов в HTML – это строчные или блочные элементы.
Блочные элементы HTML
Блочные элементы всегда начинаются с новой строки. Имеют открывающий и закрывающих тег.
Например: <h1>, <li>, <ol>, <p>, <form>, <table>, <div> и т. д.
Элемент <div> — универсальный блочный элемент, зачастую используется как контейнер для других элементов HTML или изменения вида содержимого. Вид блоков задается с помощью CSS.
<html> <head> <title>Coderplace.ru</title> </head> <body> <div style="background-color:aquamarine; padding: 15px;"> <p>Пример записи</p> <p>Еще один пример записи</p> </div> </body> </html>
Строчные элементы HTML
Строчные элементы обычно пишутся без переноса строки и часто являются частью другого элемента. Некоторые элементы не имеют закрывающего тега.
Например: <a>, <strong>, <img>, <input>, <em>, <span>, <b> и т. д.
Элемент <span> — строчный элемент, обычно используется как контейнер для текста. При использовании СSS можно задать стиль различных частей текста.
<html> <head> <title>Coderplace.ru</title> </head> <body> <p>Пример <span style="color:chocolate">измененного текста</span> </p> </body> </html>
Строчные и блочные элементы HTML
Приведенных ниже элементы могут быть использованы или как блочные, или как строчные элементы:
- map – изображение-карта
- iframe – встроенный фрейм
- script – встроенные сценарии в HTML-документ
- object – встроенный объект
- ins – вставленный текст
- applet – встроенное Java-приложение
В заключение:
- Элемент <div> заранее определяет блочную часть документа.
- Элемент <span> заранее определяет строчную часть документа.
- Блочные элементы не могут быть в составе строчных элементов.
- Строчные элементы можно вставить внутрь блочных элементов. К примеру, можно вставить несколько элементов <span> внутрь элемента <div>