Найти тему
<!Веселый HTML>

Уроки HTML5: строчные элементы (Часть 1)

В прошлых уроках мы рассмотрели широко используемые и даже некоторые малоизвестные блочные элементы. Пришло время переходить к строчным. Сегодня начинаем серию уроков о строчных элементах HTML5!

Уроки HTML5
Уроки HTML5

Строчные элементы не предназначены для расположения внутри них других элементов. В них веб-дизайнеры помещают контент страницы. Чаще всего — текстовый контент, ссылки, пояснения, картинки. Для более серьезных и многовесных единиц контента существуют блочные элементы, которые мы рассмотрели в предыдущих уроках. Строчных элементов в блочных может быть сколько угодно много. Они чаще подвергаются более детальной стилизации, нежели блоки, но об этом позже.

В таблицах стилей строчный элемент обозначают следующим образом: "display: inline;". Это также может означать, что элементы могут располагаться друг за другом на одной строке, а не друг под другом.

Отличие строчных элементов от блочных
Отличие строчных элементов от блочных

Наиболее известный строчный элемент — <span>. Обычно он располагается внутри родительского блока <div> и содержит текстовую, либо графическую информацию (предусмотренную возможностями языка). Сам по себе никак текст не модифицирует.

В следующих уроках мы более детально рассмотрим строчные элементы!