1.1.2 Функциональные блочные элементы. Флаги форматирования текста (теги)

В большинстве WEB-документах основными функциональными

элементами являются заголовки и абзацы.

Заголовки.

Язык HTML поддерживает 6 уровней заголовков. Они отображаются при помощи парных флагов от <H1>…</H1> до <H6>…</H6>. При отображении документов текст разных уровней

отображается шрифтами разных размеров. Уровни должны быть вложенными.

Абзацы.

Для создания параграфа или абзаца текста используются парные флаги <P> и </P>. Например:

<P> текст первого абзаца </P>

<P> текст второго абзаца </P>. Флаг <P> может быть не парным, т.е.

использование закрывающего флага </P> не обязательно. Нажатие на кла-вишу ENTER недостаточно для перехода на новую строку. Для этой цели

используется непарный флаг <BR>. Пустая строка при этом не вставляется.

В качестве ограничителя абзаца может использоваться горизонтальная ли-

нейка. Этот элемент задается непарным флагом <HR> .

Горизонтальная линия используется для разделения текста на логические части. Для задания дополнительных параметров горизонтальной линейки используются следующие атрибуты. < HR SIZE = число > – задает толщину линии в пикселях. < HR WIDTH = число | проценты > - задает длину линии по горизонтали в пикселях или процентах от ширины экрана. < HR ALIGN = left | center | right > - задает выравнивание линии по левому краю, по центру или по правому краю. < HR NOSHADE > - по умолчанию линия выводится с использованием трехмерного эффекта. При использовании данного атрибута линия выводится одним цветом.

Например, если создается горизонтальная линейка шириной в 10 пикселей, занимающих половину ширины окна, и расположенную справа, следует

записать <HR ALIGN=RIGT SIZE=”10” WIDTH=”50%”>

Для создания горизонтальной линейки зеленого цвета шириной в 8

пикселей, занимающей 80 % ширины окна при выравнивании по центру,

следует записать

<HR ALIGN=CENTER SIZE=”8” WIDTH=”80 %” COLOR=”GREEN”>

Соответственно, для задания полосы красного цвета следует записать COLOR= ”RED”, для задания голубого цвета линии следует записать COLOR= ”BLUE” и т.д.

1.1.3 Списки

Ненумерованный список. Для вывода информации в виде ненумерованного списка используются флаги < UL > и < / UL >. Каждый элемент списка задается при помощи непарного флага < LI >.

В отображаемом тексте ему предшествует символ ·.

Пример:

<UL>

< LI > Пример 1

< LI > Пример 2

< LI > Пример 3

< / UL >

На экране это отобразится так:

Пример 1

Пример 2

Пример 3

Нумерованный список. Для вывода информации в виде нумерованного списка используются флаги < OL > и < / OL >. Каждый элемент списка задается при помощи непарного флага < LI >.

Пример:

< OL >

< LI > Пример 1

< LI > Пример 2

< LI > Пример 3

< / OL >

На экране это отобразится так:

1.Пример 1

2.Пример 2

3.Пример 3

1.1.4 Таблицы

Таблицы удобны для представления больших объемов данных. Та-

блица в языке HTML задается при помощи парного флага <TABLE> . Она

может содержать заголовок, определяемый парным флагом <CAPTION> и строки таблица, которые задаются при помощи парных флагов <TR>. За-

крывающий флаг </TR> можно опустить. Каждая строка таблицы содержит

ячейки таблицы, которые могут относиться к двум разным типам. Ячейки

в заголовках столбцов строк задают парным флагом <TH>, обычные ячей-

ки парным флагом <TD>. Закрывающие флаги </TH> и </TD> можно опустить. Атрибуты элементов, используемых при создании таблиц:

a) ALIGN. Элемент – таблица, заголовок, строка, ячейка.

Используются для выравнивания таблицы по горизонтали,

размещения заголовка над или под Таблицей.

b) WIDTH. Элемент – строка, ячейка. Задается ширина.

c) HIGHT. Элемент – ячейка. Задается высота.

d) BGCOLOR. Элементы – таблица, ячейка. Задает цвет фона

e) BORDER. Элемент – таблица. Отображение границ ячеек и внешней рам-

ки таблицы.