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

Блочные элементы могут содержать данные, строчные элементы и другие блочные элементы. Они всегда начинаются с новой строки, а следующие за ним элементы переносятся на следующую строку. Блочные элементы по умолчанию занимают всю доступную ширину рабочей области браузера или родительского элемента, а их высота зависит от содержимого. Пересечение блочных элементов между собой недопустимо.

Параграфы

Текст делится на параграфы при помощи контейнера P. Атрибуты параграфа те же, что и атрибуты заголовка.

Параграф является блочным элементом. Каждый параграф начинается с новой строки. Следующие друг за другом параграфы отделяются вертикальными отступами, называемыми отбивками, которые служат для выделения параграфа так же, как горизонтальные отступы первой строки в печатном тексте, именуемые красной строкой.

Отбивки делают сопсоб имитации переноса текста на следующую строку при помощи параграфов не приемлемым. Предпочтительным является иной способ переноса.

В браузере Netscape Navigator начальный тег любого блочного элемента автоматически закрывает контейнер параграфа, поэтому вложить другие блоки внутрь абзаца невозможно.

Заголовки

Заголовок обозначает начало раздела документа. Стандартом определено 6 уровней заголовков от H1 до H6 в порядке убывания значимости и размера шрифта. Некоторые браузеры позволяют использовать большее число уровней, но на практике зачастую достаточно первых трёх уровней.

Заголовок является блочным элементом и выделяется отбивками.

Горизонтальное отчёркивание

Горизонтальное отчёркивание (Horizontal Rule) — блочный элемент, который позволяет разделить документ на части горизонтальной линией. Размещается горизонтальное отчёркивание тегом <HR>. Внешний вид горизонтального отчёркивания зависит от значений его атрибутов.

Списки

Список — набор текстовых данных. Читать далее

Длинные цитаты

Длинные цитаты принято размещать в блочный элемент BLOCKQUOTE, который позволяет выделить их путём добавления оступов шириной примерно равной 40 px слева и справа, а также отступов сверху и снизу.

Преформатированный текст

Блочный элемент PRE позволяет вывести преформатированный текст сохраняя все пробелы и разбиения на строки. По умолчанию браузеры выводят преформатированный текст моноширинным текстом.

Несколько пробелов подряд, табуляции и переносы строк интерпретируются браузером, как один пробел, но, в случае необходимости, одним из способов обхода этой особенности интерпретации является преформатированный текст.

Таблицы

Формы

Формы применяются в качестве инструмента интерактивного манипулирования web-сервером и сбора данных о пользователе. Механизм взаимодействия с формой заключается в её заполнении пользователем и обработки внесённых в неё данных с последующей их отправкой программе размещённой на сервере. Например, тег <MAILTO:> размещённый в форме позволяет получить отклик от посетителей. Большое количество откликов на сервере обрабатываются программами с поддержкой CGI, расположенными на сервере, в адрес которого поступают отклики. Читать далее

Универсальный блок

Роль универсального блока играет контейнер DIV. Универсальный блок является блочным элементом и отделяется от других элементов отдельной строкой, при этом не несёт семантической нагрузки и применяется только в контексте CSS. По умолчанию универсальный блок не имеет никакого визуального оформления.

При подготовке HTML-документа для просмотра в браузерах без поддержки CSS применение универсальных блоков желательно избегать и заменять их на максимально подходящие по семантике и визуальному оформлению контейнеры.

Выравнивание

Выравнивания текста, графики или таблиц осуществляется атрибутом ALIGN. Атрибут ALIGN не является обязательным и, при его отсутствии, текст по умолчанию выравнивается по левому краю.

    Атрибут ALIGN может принимать значения:
  • center — выравнивание по центру;
  • justify — выравнивание по ширине;
  • left — выравнивание по левому краю;
  • right — выравнивание по правому краю.

Выравнивание по правому краю или по центру наиболее популярно в заголовках.

Выравнивание по ширине распространяется только на текстовые блоки с количеством строк более двух и подразумевает под собой выравнивание одновременно и по левому и по правому краю.

Отстутствие в HTML инструментов для автоматической расстановки переносов в словах негативно влияет на форматирование текста при выравнивании по ширине, заключающееся в неравномерности величины пробелов между словами. Такой эффект особенно заметен в коротких строках.

Выравнивание по ширине поддерживается не всеми браузерами.

Спецификация HTML 3.0 рекомендует выравнивание по центру при помощи атрибута ALIGN. Однако, атрибут ALIGN применим не ко всем элементам веб-страницы и разработчики Netscape® добавили контейнер <CENTER> поддерживаемый такими браузерами, как Netscape® Navigator, Microsoft Internet Explorer® 3.0 и др. Некоторые браузеры могут игнорировать наличие тега <CENTER>, поэтому его применение должно быть осторожным.

Обтекание текстом

Манипулируя атрибутом ALIGN есть возможность добиться эфекта обтекания текстом графического объекта либо таблицы. Для этого необходимо разместить тег объекта, например, изображения (<IMG SRC="путь_к_файлу">) и указать атрибут ALIGN. Для того, чтобы текст не прилипал к краям обтекаемого объекта необходимо задать горизонтальное и вертикальное поле при помощи атрибутов HSPACE и VSPACE.

Обновлено: 0:42 09.10.2019

Назад

©Tumaliev R.