Для форматирования текста существует большое количество элементов.
Тегами, задающими абзац, являются
<Р> и </Р>
Элемент абзаца позволяет использовать только начальный тег, так как следующий элемент Р обозначает конец предыдущего и начало следующего абзаца. Конечный тег удобно использовать в тех случаях, когда по смыслу необходимо обозначить конец абзаца.
Вместе с элементом <Р> можно использовать атрибут выравнивания align со значениями:
"left" - выравнивание по левому краю;
"center" - выравнивание по центру;
"right" - выравнивание по правому краю.
Для центрирования абзаца следует использовать такую конструкцию:
< Р align = "center" > Текст абзаца.</P>
Элемент, обеспечивающий принудительный переход на новую строку, имеет вид:
< BR>
Он имеет только стартовый тег. В месте его размещения строка заканчивается, а оставшийся текст печатается с новой строки.
Теги форматирования символов текста приведены в табл. 1.
Таблица 1
Тег | Описание |
< B>, < /B> | Выделение жирным цветом |
< I>, < /I> | Выделение курсивом |
< U>, < /U> | Выделение подчеркиванием |
< STRIKE>, < /STRIKE> | Выделение перечеркиванием |
< TT>, < /TT> | Оформление шрифтом с фиксированной шириной букв |
< BIG>, < /BIG> | Текст с крупным размером букв |
<SMALL>, < /SMALL> | Текст с малым размером букв |
<BLINK>, < /BLINK> | Мигающий текст |
<SUB>, < /SUB> | Подстрочный индекс |
<SUP>, < /SUP> | надстрочный индекс |
Теги <H1>.. </H1>, <H2>.. </H2>,...,<H6>.. </H6> задают заголовки различных уровней. Существует шесть уровней заголовков, обозначающихся H1...H6 и имеющих свои стандартные размеры и конфигурации шрифтов. Заголовок уровня 1 самый крупный, а уровня 6 - самый мелкий. Для заголовков внутри тега <Hn> можно использовать атрибут align, задающий выравнивание:
|
|
align=’’left’’ - влево;
align=’’center’’ - по центру;
align=’’right’’ - вправо.
Например: <H1 align=’’center’’>Текст заголовка</H1>
<H4> Заголовок четвертого уровня </H4>
Элемент, определяющий базовый (основной) размер шрифта на странице (он является необязательным), имеет вид:
< BASEFONT>.
Внутри элемента необходимо указать атрибут:
size = Базовый размер шрифта
Величина атрибута может лежать в пределах от 1 до 7. По умолчанию используется величина 3. Установка, выполняемая этим элементом, имеет значение для элемента FONT.
Тег < FONT> является основным оператором работы с текстом в HTML:
< FONT>Текст < /FONT>.
Тег FONT используется только с атрибутами. Атрибуты данного элемента определяют тип (face), размер (size) и цвет (color) шрифта. При этом допускается задавать размер шрифта в абсолютных величинах: size = X, где Х - целое число от 0 до 7 (по умолчанию Х=3), или относительно базового: size = + Y или size = - Y
|
|
В сумме относительный и базовый размеры должны соответствовать одному из абсолютных размеров шрифта (от 1 до 7). Размер шрифтов соответствует шрифтам Microsoft Word следующим образом:
Х=1 - 9 пикселов
Х=2 - 10
Х=3 - 12
Х=4 - 14
Х=5 - 18
Х=6 - 24
Х=7 - 36 пикселов.
Цвет шрифта задается атрибутом color=’’цвет’’ или color=’’#RRGGBB’’, где названия цветов или их кодировка шестнадцатиричными числами дается в соответствии со стандартами HTML и совпадает со значениями атрибута color или bgcolor во всех других тегах (см. п.5 данного пособия).
Тип шрифта определяется атрибутом face=’’Название шрифта’’, где шрифты указываются в соответствии с названиями шрифтов Microsoft Word.
Например:
<FONT face=’’Arial Cyr’’ color=’’blue’’ size=5> Текст </FONT> - слово «Текст» отобразится шрифтом Arial Cyr синего цвета размером 18 пикселей.
УПРАВЛЕНИЕ ЦВЕТОМ
Атрибуты color и bgcolor является общим для многих тегов HTML. Они могут определять цвет фона или шрифта в том или ином элементе web-станицы. Значение атрибута color (bgcolor) может задаваться либо названием цвета: color=’’цвет’’, либо тремя шестнадцатиричными числами, кодирующими интенсивность красного, зеленого и синего цветов: color=’’#RRGGBB’’.
Соответствие названий цветов и их кодов приведены в табл. 2:
Таблица 2
Русское название | Английское название | RGB-код |
аквамарин | aqua | #00FFFF |
белый | white | #FFFFFF |
желтый | yellow | #FFFF00 |
зеленый | green | #008000 |
каштановый | maroon | #800000 |
красный | red | #FF0000 |
оливковый | olive | #808000 |
светло-зеленый | lime | #00FF00 |
серебристый | silver | #C0C0C0 |
серый | gray | #808080 |
сизый | teal | #008080 |
синий | blue | #0000FF |
ультрамарин | navy | #000080 |
фиолетовый | purple | #800080 |
фуксиновый | fuchsia | #FF00FF |
черный | black | #000000 |