Элементы блочной разметки текста

1. Заголовки

Форматирование заголовков всех типов
производится посредством ТЭГОВ
<h1> ... <h6>
Для форматирования заголовков допускается использование атрибута align:
align=”left” позволяет расположить заголовок выровненным по левому краю.
align=”center” центрирует заголовок.
align=”right” смещает заголовок к правому краю области текста.
align=”justify” выравнивает заголовок теста по всей ширине области.
Пример:
<h1 align=”center”>Заголовок</h1>

2. Абзац

<p> текст </p> - Начинает абзац с новой
строки с дополнительным межстрочным
интервалом.
Атрибут align, предназначен для выравнивания фрагментов документа.
align=”left” по левому краю.
align=”center” центрирует.
align=”right” смещает абзац к правому краю области.
align=”justify” выравнивает тест по всей ширине области.

3.

<div> текст </div>
- Работает по принципу тега <p>, отличие
заключается в том, что текстовый блок
получается без межстрочных интервалов
между абзацами. Располагает атрибутом
align, предназначенным для выравнивания
фрагментов документа.
align=”left” по левому краю.
align=”center” центрирует.
align=”right” смещает абзац к правому краю области.
align=”justify” выравнивает тест по всей ширине области.

4.

<pre> текст </pre>
Данный тег позволяет отображать текст на экране броузера с учетом всех
пробелов и переносов строк сделанных в редакторе.
Пример:
<body>
<pre>
Угрюмый дождь скосил глаза.
А за
решеткой
четкой
железной мысли проводов перина.
И на
нее
встающих звезд
легко оперлись ноги.
</pre>
</body>

5. <blockquote>… </blockquote> создание блочной цитаты

<blockquote>… </blockquote>
создание блочной цитаты
Начинает элемент с новой строки.
Сверху и снизу элемента добавляет по
одной пустой строке. Справа и слева
обрамляет полями.
Допускается вложение внутрь другого
<blockquote>

6. Горизонтальная линия

Для создания горизонтальной линии
(обычно она применяется для
упорядочивания разделов внутри
документа) необходимо
воспользоваться тегом <hr>.
Данный тег обладает следующими атрибутами:
width=300” – ширина полосы задается в пикселях или процентах.
size=”10” – высота полосы.
color=”цвет” – указывает цвет полосы.
noshade – отменяет объем.

7.

Пример:
<body>
<hr width=”80%” color=”red” size=”5”>
</body>

English Русский Правила