|
Текстовые блоки
В этом разделе описаны
элементы, разбивающие текст документа на блоки тем или иным способом. Типичными
примерами текстовых блоков являются параграфы, абзацы и главы. Для отделения
одной части текста от другой также используются разделительные горизонтальные
линии и символы возврата каретки.
Элементы:
|
H1,H2,...H6
|
Используются для создания заголовков текста
|
|
P
|
Используется для разметки параграфов.
|
|
DIV
|
Отделяет блок HTML-документа от остальной его части
|
|
ADDRESS
|
Оформляет текст как почтовый адрес
|
|
BLOCKQUOTE
|
Оформляет текст как цитату
|
|
BR
|
Осуществляет перевод строки
|
|
HR
|
Вставляет в текст горизонтальную разделительную линию.
|
|
PRE
|
Включает в документ (моноширинным шрифтом) блок предварительно
отформатированного текста
|
|
LISTING, PLAINTEXT, XMP
|
Включают в документ (моноширинным шрифтом) блок предварительно
отформатированного текста (устаревшие элементы)
|
|
H1,H2,...H6
(HTML 2.0) - Headers
Используются для создания заголовков текста. Существует шесть уровней
заголовков, различающихся величиной шрифта. С их помощью можно разбивать текст
на смысловые уровни - разделы и подразделы.
Параметры:
ALIGN - определяет способ выравнивания
заголовка по горизонтали.
Возможные значения: left,
right, center.
>
|
Пример:
|
|
<H1
ALIGN="center">Самый большой заголовок посередине</H1>
<H2>Заголовок поменьше</H2>
...
<H6>Малюююсенький такой заголовочек</H6>
|
|
P
(HTML 2.0) - Paragraph
Используется для разметки параграфов.
Параметры:
ALIGN - определяет способ
горизонтального выравнивания параграфа.
Возможные значения: left, center, right.
По умолчанию имеет значение left.
>
|
Пример:
|
|
<P
ALIGN="center">Это центрированный параграф.<BR>
Текст располагается в центре окна браузера</P>
<P ALIGN="right">А это параграф, выровненный по правому
краю.</P>
|
|
DIV
(HTML 3.2) - Division
Используется для отделения блока HTML-документа от остальной части документа.
Находящиеся между начальным и конечным тэгами текст или HTML-элементы
оформляются как отдельный параграф.
Параметры:
ALIGN - определяет выравнивание
содержимого элемента DIV. Параметр может принимать следующие значения: left, right,
center.
>
|
Пример:
|
|
...Текст документа...
<DIV ALIGN="center">
...Текст, таблицы, изображения. Выравнивание по центру.
</DIV>
...Текст документа...
|
|
Примечание:
|
|
У
параметра ALIGN есть еще одно значение - justify,
поддерживаемое современными браузерами. Оно позволяет путем равномерного
распределения выравнивать текст одновременно по левому и правому краям
документа. Не понимающие justify браузеры будут выравнивать текст по левому
краю.
|
ADDRESS
(HTML 2.0) - Address
Находящийся между начальным и конечным тэгами текст оформляется как почтовый
адрес. Чаще всего оформление выражается в выделении строки адреса курсивом.
>
|
Пример:
|
|
Пишите по следующему адресу:
<ADDRESS>
Москва. ул. Академика Королева, 13 <BR>
Мурзилке
</ADDRESS>
|
|
Примечание:
|
|
Internet
Explorer версии 3.0 неверно интерпретирует конечный тэг </ADDRESS>,
поэтому весь текст, находящийся после адреса, будет отображаться курсивом.
Эту ошибку можно легко устранить, поставив после </ADDRESS> любой
элемент форматирования текста.
>
|
Пример:
|
|
<ADDRESS>
Мой адрес не дом и не улица, <BR>
Мой адрес - Советский Союз.
</ADDRESS>
<!-- избавляемся от глюка -->
<I></I>
Нормальный текст
...
|
|
|
BLOCKQUOTE
(HTML 2.0) - Block Quote
Оформляет находящийся между начальным и конечным тэгами текст как цитату.
Используется для длинных цитат (в отличие от элемента CITE). Цитируемый текст
отображается отдельным абзацем с увеличенным отступом.
>
|
Пример:
|
|
Редакция журнала "Домосед" выражает благодарность
Бухаресту Магарычу Шницелю за замечательное стихотворение:
<BLOCKQUOTE>
Синели красные ромашки,<BR>
Желтели в небе облака,<BR>
Синицы в теплый край летели,<BR>
К истоку двигалась река.<BR>
...
</BLOCKQUOTE>
|
|
BR
(HTML 2.0) - Break
Данный элемент осуществляет перевод строки, то есть практически аналогичен
нажатию Enter в текстовом редакторе. После того, как в браузерах появилась
возможность обтекания изображения текстом (cм. параметр ALIGN элемента IMG), понадобился дополнительный параметр CLEAR.
Элемент не имеет конечного тэга.
Параметры:
CLEAR - указывает на необходимость
завершения обтекания изображения текстом. Может принимать следующие значения :
all -
завершить обтекание изображения текстом.
left - завершить обтекание текстом
изображения, выровненного по левому краю.
right - завершить обтекание текстом
изображения, выровненного по правому краю.
>
|
Пример:
|
|
Первое
предложение<BR>Второе предложение на следующей строке
|
|
Примечание:
|
|
Возьмите
себе за правило всегда ставить <br>
после тэга <img ...>. В
противном случае все картинки будут иметь неприятный отступ.
|
|
|
Параметр
CLEAR почему-то используется очень редко. А зря.
|
HR
(HTML 2.0) - Horisontal Rule
Вставляет в текст горизонтальную разделительную линию.
Параметры:
WIDTH - определяет длину линии в
пикселах или процентах от ширины окна браузера.
SIZE - определяет толщину линии в
пикселах.
ALIGN - определяет выравнивание
горизонтальной линии. Параметр может принимать следующие значения:
left -
выравнивание по левому краю документа.
right - выравнивание по правому краю
документа.
center - выравнивание по центру документа
(используется по умолчанию).
NOSHADE - определяет способ закраски
линии как сплошной. Параметр является флагом и не требует указания значения.
Без данного параметра линия отображается объемной.
COLOR - определяет цвет линии.
Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. Работает только в Internet
Explorer, поэтому лучше его не использовать.
>
|
Пример:
|
|
Текст, разделенный <HR
NOSHADE WIDTH="50%"> сплошной горизонтальной линией.
|
|
PRE
(HTML 2.0) - Preformatted Text
Используется для включения в документ уже отформатированного текста. Браузеры
воспроизводят содержимое этого элемента с помощью моноширинного шрифта,
сохраняя пробелы и символы конца строки.
>
|
Пример:
|
|
<PRE>
Hi There!
Hi There!
Hi There!
</PRE>
|
|
Примечание:
|
|
Следует
избегать использования символа горизонтальной табуляции, т.к. он может быть
неадекватно интерпретирован некоторыми браузерами. Вместо символа табуляции
рекомендуется использовать число пробелов, кратное четырем.
|
LISTING,
PLAINTEXT, XMP
Данные элементы предназначены для воспроизведения предварительно
отформатированного текста. Они использовались до появления элемента PRE и на данный момент являются устаревшими. Авторам
следует избегать их использования.
Эти элементы не вошли в спецификацию HTML 4.0, однако браузеры еще могут
распозновать их в целях обратной совместимости версий.
| 
от 03.11.2010, просмотров: 793