16
Текст располагается в центре окна браузера</P>
<P ALIGN="right">А это параграф, выровненный по правому краю.</P>
DIV
Используется для логического выделения блока HTML-документа. Элемент группировки, как и элемент SPAN. В современном сайтостроении используется как удобный контейнер для объектов страницы, которым легко динамически манипулировать – перемещать, включать/выключать, создавать слои, регулировать отступы и т.п.
В браузеронезависимой вёрстке обычно используется для выравнивания блока html-кода в окне браузера.
Находящиеся между начальным и конечным тегами текст или HTMLэлементы по умолчанию оформляются как отдельный параграф.
Атрибуты:
ALIGN – определяет выравнивание содержимого элемента DIV. Атрибут может принимать значения: left, right, center.
Пример:
...Текст документа...
<DIV ALIGN="center">
...Текст, таблицы, изображения. Выравнивание по центру. </DIV>
...Текст документа...
ADDRESS
Находящийся между начальным и конечным тегами текст оформляется как почтовый адрес. Чаще всего оформление выражается в выделении строки адреса курсивом.
Пример:
Пишите по следующему адресу: <ADDRESS>
Москва. ул. Академика Королева, 13 <BR> Мурзилке
</ADDRESS>
BLOCKQUOTE
Оформляет находящийся между начальным и конечным тегами текст как цитату. Используется для длинных цитат (в отличие от элемента CITE).
Цитируемый текст отображается отдельным абзацем с увеличенным отступом.
Пример:
Редакция журнала "Домосед" выражает благодарность
17
Бухаресту Магарычу Шницелю за замечательное стихотворение: <BLOCKQUOTE>
Синели красные ромашки,<BR> Желтели в небе облака,<BR> Синицы в теплый край летели,<BR> К истоку двигалась река.<BR>
...
</BLOCKQUOTE>
BR
Данный элемент осуществляет перевод строки, то есть практически аналогичен нажатию Enter в текстовом редакторе. После того, как в браузерах появилась возможность обтекания изображения текстом (cм. атрибут ALIGN элемента IMG), понадобился дополнительный атрибут CLEAR. Элемент не имеет конечного тега.
Атрибуты:
CLEAR – указывает на необходимость завершения обтекания изображения текстом. Может принимать следующие значения :
−all – завершить обтекание изображения текстом.
−left – завершить обтекание текстом изображения, выровненного по левому краю.
−right – завершить обтекание текстом изображения, выровненного по правому краю.
Пример:
Первое предложение <BR> Второе предложение на следующей строке
HR
Вставляет в текст горизонтальную разделительную линию.
Атрибуты:
WIDTH – определяет длину линии в пикселах или процентах от ширины окна браузера.
SIZE – определяет толщину линии в пикселах.
ALIGN – определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения:
−left – выравнивание по левому краю документа.
−right – выравнивание по правому краю документа.
−center – выравнивание по центру документа (используется по умолчанию).
NOSHADE – определяет способ закраски линии как сплошной.
Атрибут является флагом и не требует указания значения. Без данного
18
атрибута линия отображается объемной.
COLOR – определяет цвет линии. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. Атрибут работает только в Internet Explorer.
Пример:
Текст, разделенный <HR NOSHADE WIDTH="50%"> сплошной горизонтальной линией.
4.2.5 Форматирование текста
В этом разделе описаны элементы для оформления и смыслового выделения текста – подчеркивания, изменения шрифта, выделения курсивом, цитирования и т.д.
Элементы форматирования текста:
−BASEFONT Определяет основной шрифт, которым должен отображаться текст документа
−FONT Позволяет изменять цвет, размер и тип шрифта текста
−I Выделяет текст курсивом
−EM Используется для смыслового выделения текста (курсивом)
−B Выделяет текст жирным шрифтом
−STRONG Усиленное выделение текста (жирным)
−U Выделяет текст подчеркнутым
−S, STRIKE Выделяет текст перечеркнутым
−BIG Отображает текст увеличенным шрифтом (относительно текущего)
−SMALL Отображает текст уменьшенным шрифтом (относительно текущего)
−SUP Отображает текст со сдвигом вверх (верхний индекс)
−SUB Отображает текст со сдвигом вниз (нижний индекс)
−CODE, SAMP Оформляют текст как формулу или программный
код
−TT Отображает текст моноширинным шрифтом
−KBD Выделяет текст, который предлагается набрать на клавиатуре
−VAR Используется для обозначения в тексте переменных
−CITE Оформляет текст как цитату или ссылку на источник
FONT
Позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тегами. Вне тегов <FONT> и </FONT> используется шрифт, указанный в элементе BASEFONT.
19
Атрибуты:
SIZE – определяет размер шрифта. Возможные значения:
−целое число от 1 до 7;
−относительный размер с указанием знака, вычисляется путем сложения с базовым размером, определенным с помощью атрибута SIZE
элемента BASEFONT.
COLOR – определяет цвет текста. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
FACE – определяет используемый шрифт.
Пример: |
|
|
|
|
<FONT |
SIZE="+2" |
COLOR="#AA0000">Увеличенный |
красный |
|
шрифт</FONT> |
|
|
|
|
<FONT |
SIZE="3" |
FACE="Courier |
New" |
|
COLOR="Magenta">Моноширинный фиолетовый текст 3 размера</FONT>
I
Текст, заключенный между начальным и конечным тегами, будет выделен курсивом.
Пример:
Текст с <I>курсивом</I>
EM
Логическое ударение. Используется для смыслового выделения текста, стоящего между начальным и конечным тегами. Результат обычно отображается курсивом. То есть элемент EM по действию практически аналогичен элементу I.
Пример:
Порой в России встречаются <EM>действительно талантливые</EM> вебмастера. Но только не друг с другом.
B
Текст, заключенный между начальным и конечным тегами, будет выделен жирным шрифтом.
Пример:
Текст с <B>выделенным</B> словом
Списки
Списки в HTML бывают двух видов: упорядоченные (пронумерованные) и неупорядоченные (непронумерованные). Отличаются они лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки,
20
ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера.
Элементы:
−UL Создает неупорядоченный список
−OL Создает упорядоченный список
−LI Создает пункт меню внутри элементов OL или UL
−MENU, DIR Создает неупорядоченный список, подобный UL
−DL Открывает и закрывает список определений
−DT Создает термин в списке определений внутри элемента
DL
− DD |
Cоздает определение термина внутри элемента DL |
UL
Создает неупорядоченный список. Между начальным и конечным тегами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.
Пример:
<UL>
<LI> Первый пункт списка </LI> <LI> Второй пункт списка </LI> <LI> Третий пункт списка </LI> </UL>
OL
Создает упорядоченный список. Между начальным и конечным тегами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.
Атрибуты:
START – определяет первое число, с которого начинается нумерация пунктов. (только целые числа)
TYPE – определяет стиль нумерации пунктов. Может иметь значения:
−"A" – заглавные буквыA, B, C ...
−"a" – строчные буквы a, b, c ...
−"I" – большие римские числа I, II, III ...
−"i" – маленькие римские числа i, ii, iii ...
−"1" – арабские числа 1, 2, 3 ...
По умолчанию <UL TYPE="1">.
Пример:
<OL TYPE="I" START="2">