Текстовые блоки
В этом разделе описаны элементы, разбивающие текст документа на блоки тем или иным способом. Типичными примерами текстовых блоков являются параграфы, абзацы и главы. Для отделения одной части текста от другой также используются разделительные горизонтальные линии и символы возврата каретки. Элементы, которые относятся к разбиению текста на блоки: 1) H1,H2,...H6 - используются для создания заголовков текста. Существует шесть уровней заголовков, различающихся величиной шрифта. С их помощью можно разбивать текст на смысловые уровни – разделы и подразделы. Атрибуты: · ALIGN – определяет способ выравнивания заголовка по горизонтали. Возможные значения: left, right, center. Пример4: <H1 ALIGN="center">Самый большой заголовок посередине</H1> <H2>Заголовок поменьше</H2> ... <H6>Малюююсенький такой заголовочек</H6> Пример5: <BODY BGCOLOR ="#CC3399" TEXT ="#CCCCCC"> <H1 ALIGN=“center”> Заголовок 1 </H1> <H2 ALIGN=“RIGHT”> Заголовок 2 </H2> <H3 ALIGN=“LEFT”> Заголовок 3 </H3> <H4> Заголовок 4 </H4> <H5> Заголовок 5 </H5> <H6> Заголовок 6 </H6> </Body>
2) P - используется для разметки параграфов, указывая на начало нового абзаца и вставляя пустую строку перед абзацем. Атрибуты: · ALIGN – определяет способ горизонтального выравнивания параграфа. Возможные значения: left, center, right. По умолчанию имеет значение left. Пример6: <P ALIGN="center">Это центрированный параграф.<BR> Текст располагается в центре окна браузера</P> <P ALIGN="right">А это параграф, выровненный по правому краю.</P> 3) DIV - используется для логического выделения блока HTML-документа. Элемент группировки, как и элемент SPAN. В современном сайтостроении используется как удобный контейнер для объектов страницы, которым легко динамически манипулировать – перемещать, включать/выключать, создавать слои, регулировать отступы и т.п. В браузеронезависимой вёрстке обычно используется для выравнивания блока html-кода в окне браузера. Находящиеся между начальным и конечным тегами текст или HTML-элементы по умолчанию оформляются как отдельный параграф. Атрибуты: · ALIGN – определяет выравнивание содержимого элемента DIV. Атрибут может принимать значения: left, right, center. Пример7: ...Текст документа... <DIV ALIGN="center"> ...Текст, таблицы, изображения. Выравнивание по центру. </DIV> ...Текст документа... 4) ADDRESS - находящийся между начальным и конечным тегами текст оформляется как почтовый адрес. Чаще всего оформление выражается в выделении строки адреса курсивом. Пример8: Пишите по следующему адресу: <ADDRESS> Калининград, Советский пр., 1<BR> ФГБОУ ВПО «КГТУ» </ADDRESS> 5) BLOCKQUOTE - оформляет находящийся между начальным и конечным тегами текст как цитату. Используется для длинных цитат (в отличие от элемента CITE). Цитируемый текст отображается отдельным абзацем с увеличенным отступом. Пример9: Деканат ФАПУ выражает благодарность студентам, принявшим участие в вечере специальности: <BLOCKQUOTE> Иванову Ивану, гр. 12-ИЭ,<BR> Сидорову Петру, гр. 11-ВТ,<BR> Архипову Александру, гр. 11-ТМ,<BR> Локтеву Сергею, гр. 13-ПР<BR> ... </BLOCKQUOTE> 6) BR - данный элемент осуществляет перевод строки, то есть практически аналогичен нажатию Enter в текстовом редакторе. После того, как в браузерах появилась возможность обтекания изображения текстом (cм. атрибут ALIGN элемента IMG), понадобился дополнительный атрибут CLEAR. Элемент не имеет конечного тега. Атрибуты: · CLEAR – указывает на необходимость завершения обтекания изображения текстом. Может принимать следующие значения: all – завершить обтекание изображения текстом, left – завершить обтекание текстом изображения, выровненного по левому краю, right – завершить обтекание текстом изображения, выровненного по правому краю. Пример10: Первое предложение<BR>Второе предложение на следующей строке 7) HR - вставляет в текст горизонтальную разделительную линию. Атрибуты: · WIDTH – определяет длину линии в пикселах или процентах от ширины окна браузера. · SIZE – определяет толщину линии в пикселах. · ALIGN – определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения: left – выравнивание по левому краю документа, right – выравнивание по правому краю документа, center – выравнивание по центру документа (используется по умолчанию). · NOSHADE – определяет способ закраски линии как сплошной. Атрибут является флагом и не требует указания значения. Без данного атрибута линия отображается объемной. · COLOR – определяет цвет линии. Задается либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов. Атрибут работает только в Internet Explorer. Пример11: Текст, разделенный <HR NOSHADE WIDTH="50%"> сплошной горизонтальной линией. 8) <NOBR>… </NOBR> создает область, в которой текст не разбивается на строки. 9) <WBR> используется в сочетании с <NOBR> и указывает браузеру место, где, в случае необходимости, можно разорвать строку. 10) <PRE>… </PRE> выделяет часть исходного текста, который должен отображаться «как есть» - с теми же отступами и разбиением на строки. Используется для записи текстов программ. Внутри этого тега могут располагаться гиперссылки, картинки и т.д. 11) <CENTER>… </CENTER> - содержимое выравнивается по центру – текст, рисунки, таблицы. Аналог атрибута ALIGN=center
|
