Главная » Статьи » Програмирование » HTML

Текстовые блоки

Добавил: swich e-mail от 03.11.2010, просмотров: 532

Текстовые блоки

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

Элементы:

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, однако браузеры еще могут распозновать их в целях обратной совместимости версий.

Добавлено в: HTML
Смотрите так же:
⇒ Дар бесмертия
⇒ «Лишние» вещи
⇒ Как научиться вставать по утрам легко и с удовольствием
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]