
	Сайт посвященный WEB Дизайну

Статьи по:

Автоматическая регистрация. Простая установка. Подробная статистика.

Закажи рекламу на Rambler.ru, Mail.ru, Aport.ru! От 5 долларов за все!

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

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

Элементы:

<H1>,<H2>,...<H6>	Используются для создания заголовков текста
<P>	Используется для разметки параграфов.
<DIV>	Отделяет блок HTML-документа от остальной его части.
<ADDRESS>	Оформляет текст как почтовый адрес
<BLOCKQUOTE>	Оформляет текст как цитату
<BR>	Осуществляет перевод строки
<HR>	Вставляет в текст горизонтальную разделительную линию.
<PRE>	Включает в документ (моноширинным шрифтом) блок предварительно отформатированного текста

Теги <H1>, <H2>, <H3>, <H4>, <H5>, <H6>

Тег <Hx> служит для создания заголовка. Всего существует 6 видов заголовков - от H1 до H6. Тегу H1 соответствует самый большой заголовок, тегу H6 - самый маленький. Закрывающий тег требуется.
Атрибуты

align

Выравнивает заголовок в соответствии со следующими значениями:

center	По центру
left	По левому краю
right	По правому краю

title

Всплывающая подсказка

Пример

Очень большой заголовок с тегом <H1>

Заголовок поменьше с тегом <H2 title="я-подсказка!">

Еще меньше с тегом <H3 align=right>

Маленький заголовок с тегом <H4>

Очень маленький заголовок с тегом <H5>

Самый маленький заголовок с тегом <H6 align=center>

Тег <P> и необязательный парный ему </P>

Тег <P> создает новый параграф. Два или более тега <P>, идущих подряд, заменяются одним

Параметры

align

Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center

left	выравнивание по левому краю. По умолчанию
right	выравнивание по правому краю
center	выравнивание по центру
justify	выравнивание по ширине

title

Всплывающая подсказка

Пример

Выравниваем параграф по правому краю с помощью соответствующего атрибута <p align="right">

Тег <DIV>

Элемент DIV определяет контейнер для HTML. Данный элемент предназначен для использования в CSS. Закрывающий тег: требуется.

Атрибуты

align	Выравнивает элемент к одной из сторон документа или таблицы (left, right, center, justify)
contentEditable	Возможность редактирования
innerText	Текст между начальным и закрывающим тегом
title	Всплывающая подсказка
UNSELECTABLE	Запрещает или разрешает выделять текст в данном элементе (on - запрещает, off - разрешает)

Пример

Строка содержит одно слово

красного

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

А выглядит код так:

<P>Строка содержит одно слово <div STYLE="color: red" UNSELECTABLE="on" align="center">красного</div> цвета.

Тег <ADDRESS> и обязательный парный ему </ADDRESS>

Тег <ADDRESS> применяется для идентификации автора документа и указания адреса автора. Сюда же обычно помещаются и сведения об авторских правах, а также дата создания и последней модификации документа. Тег применяется обычно вначале или в конце документа. Текст, заключенный между тегами <address></address> обычно отображается курсивом

Пример

Мой адрес - Советский Союз

Код для примера
<address>Мой адрес - Советский Союз</address>

Тег <BLOCKQUOTE> и обязательный парный закрывающий тег </BLOCKQUOTE>

Тег <BLOCKQUOTE> предназначен для включения в документ длинных цитат, cоздавая отступы с обеих сторон текста и отделяясь от остального текста пустыми строками

Пример

Это обычный и очень длинный текст, который весьма неудобно читать, если он написан в одну строчку

А это уже длинный текст c отступами от сторон текста для лучшего восприятия

Тег <BR> не требует парного закрывающего тега

Тег <BR>(BReak line) вставляет перевод строки

Пример

Это обычный и очень длинный текст, который весьма неудобно читать, если он написан в одну строчку

А это уже длинный текст, разбитый
на две строки с помощью тега <BR>

Тег <HR>. Закрывающий тег не требуется

Тег <HR> добавляет в HTML документ горизонтальную линию. Перед и после линии помещается пустая строка

Атрибуты

size	Устанавливает высоту(толщину) линии
width	Устанавливает ширину линии в пикселах или процентах
noshade	Создает линию без тени
color	Задает линии определенный цвет

Пример

Это обычная линия <hr>

Это линия потолще и красная <hr size=3 color=red>

Тег <PRE> и обязательный парный ему </PRE>

Тег <PRE> обрамляет предварительно отформатированный текст. Преформатированный текст отображается моношириным шрифтом. Получается как бы текстовая вставка в html

Пример

Буря мглою небо кроет,
... То завоет как дитя