Форматирование HTML-документа.
В этом уроке: абзацы, заголовки, разделительные линии, принудительный перевод строки и всё, что имеет отношение к структурной разметке HTML-документа.
P - элемент, с помощью которого текст в HTML-документе разбивается на абзацы. Имеет один параметр - align, возможные значения которого:
left - выравнивает абзац по левому краю
center - текст выравнивается по центру
right - выравнивает абзац по правому краю
justify - выравнивает текст абзаца по ширине Абзац, заданный с помощью элемента
, отделяется от остального текста пустой строкой.
Пример:
Текст вашего абзаца
В данном примере текст абзаца будет выровнен по левой стороне.
BR - тэг принудительного перевода строки. Может иметь параметр clear, прекращающий обтекание изображения текстом. Возможные значения параметра clear : all, left и right.
Пример:
первая строка
вторая строка
третья строка
Результат:
первая строка
вторая строка
третья строка
HR. Этот тэг вставляет в текст HTML-документа горизонтальную распределительную линию. Имеет параметры:
width - задаёт ширину линии в пикселях или в процентах от ширины окна браузера.
size - задаёт толщину линии в пикселях
align - задаёт горизонтальное выравнивание (left, center, right)
noshade - отменяет объёмность линии. (советую использовать всегда)
Заголовки в HTML-документе задаются элементами: H1, H2, H3, H4, H5, H6. Шесть уровней заголовков различаются между собой величиной шрифта. H1 - самый большой и самый "жирный" заголовок, а H6 - самый "тонкий" и маленький. Заголовки отделяются от остального текста пустой строкой сверху и снизу. Элемент может иметь параметр align, с помощью которого заголовок выравнивается по горизонтали (left, center, right).
Пример:
Самый большой заголовок, выровненный по центру
CENTER - элемент, который выравнивает всё содержимое HTML-документа, расположенное между тегами
и
, посередине окна просмотра браузера. В основном используется для выравнивания таблиц.
Пример:
Первая ячейка Вторая ячейка
PRE - используется для вставки в HTML-документ отформатированного текста, который будет отображён браузером с сохранением всех пробелов моноширинным шрифтом.
Пример:
Отформатированный текст
DIV - элемент, с помощью которого фрагмент HTML-документа выделяется в качестве блока или раздела. Может иметь параметр align, выравнивающий блок по горизонтали (left, center, right).
Пример:
текст блока
ADDRESS - элемент, который задаёт фрагмент текста в качестве почтового адреса. Браузеры такой текст обычно отображают курсивом.
Пример:
Наш адрес
Москва, ул.Строителей, 15
BLOCKQUOTE - элемент задаёт фрагмент текста в качестве цитаты. Текст, размеченный данным элементом на экране отображается с отступом вправо.
Пример:
текст блока
