Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
лабы / Lab1 / ИТСлаб1.doc
Скачиваний:
27
Добавлен:
16.04.2013
Размер:
180.74 Кб
Скачать

2.1. Форматирование текста

Для форматирования текста, в частности, предназначены теги H, P, BR, задающие заголовки, абзацы и переводы строк.

HTML-документ может содержать 6 уровней заголовков, каждый из которых задается парой тегов:

H1 Заголовок 1-го уровня /H1

H2 Заголовок 2-го уровня /H2

H3 Заголовок 3-го уровня /H3

H4 Заголовок 4-го уровня /H4

H5 Заголовок 5-го уровня /H5

H6 Заголовок 6-го уровня /H6

Текст, относящийся к одному абзацу, заключается между тегами P и /P. Каждый абзац отделяется от предыдущего увеличенным межстрочным интервалом.

Если требуется начать текст с новой строки в пределах одного абзаца, то используется тег BR, который не имеет парного закрывающего тега.

В открывающих тегах H и P можно указать атрибут ALIGN, определяющий способ выравнивания текста заголовка или абзаца: LEFT, RIGHT, CENTER. Например:

Заголовок1H1 ALIGN=CENTERЗаголовок1/H1

Заголовок2H2 ALIGN=RIGHT Заголовок2/H2

xxxx P ALIGN=LEFTxxxxBRyyyy/P

yyyy

Если тег BR разделяет фрагмент текста на две строки, то символьный объект &nbsp - неразделяющий пробел - позволяет "склеить" два фрагмента документа, соединив их в одной строке.

Тег <HR> вставляет горизонтальную черту шириной во всю страницу. С помощью этой черты можно разделять отдельные части текста. Тег

<HR size=10 width=100 aligh=center>

задаёт горизонтальную линию высотой 10 пискелов и шириной 100 пискелов, выровненную по центру страницы. Тег

<HR size=10 noshade>

задаёт горизонтальную линию высотой 10 пискелов, закрашенную сплошным цветом.

Также существуют специальные теги для задания стиля текста. Все они парные.

<BIG> Текст </BIG> - вывод текста крупным шрифром.

<SMALL> Текст </SMALL> - вывод текста мелким шрифтом.

<CITE> Текст </CITE> - выделение небольшой цитаты. Большинство браузеров изображает текст курсивом.

<BLOCKQUOTE> Текст </BLOCKQUOTE> - выделение большой цитаты. Браузер отображает текст с большим, чем у обычного текста, левым и правым отступом от края страницы.

<STRONG> Текст </STRONG> - вывод текста жирным шрифтом.

<PRE> Текст </PRE> - вывод текста так, как он записан в программе - со всеми пробелами и концами строк. Это удобно при показе текстов с использованием псевдографики DOS.

Теги <BIG> и <SMALL> могут быть вложенными. Согласно стандарту, браузер должен поддерживать семь размерных ступеней: -2, -1, 0, +1, +2, +3, +4. Здесь нулем обозначен размер, который браузер использует по умолчанию.

2.2. Цвет и спецсимволы

Для задания цвета используются специальные свойства тегов.

<BODY bgcolor=цвет text=цвет> - цвет фона и основной цвет текста.

<FONT color=цвет>- изменение цвета текста.

<\FONT>- возврат к основному цвету текста.

В HTMLопределены следующие основные цвета.

Имя цвета

Цвет

aqua

black

blue

fuсhsia

gray

lime

maroon

navy

olive

purple

red

silver

teal

thistle

yellow

white

Цвет также можно задавать его RGB-кодом.

<FONT color=#D8BFD8> - вывод текста цветом «thistle».

Использование RGB-кодов цветов при разработкеhtml-страниц приветствуется, так как некоторыеweb-браузеры не умеют интерпретировать названия цветов в ихRGB-коды. Полное описание палитры стандартных цветовHTMLи ихRGB-кодов приведено в файлеcolor.htm.

При написании html-документа иногда возникает необходимость вставлять знаки, используемые в языкеHTMLв качестве спецсимволов. Такие символы во избежание недоразумений заменяются следующими наборами символов:

<

<

&

&

"

"

>

>

 

пробел

©

©

Замечание. Вставлять " вместо кавычек не обязательно. В блоке текста (ограниченном тегами <P> и </P>, <H1> и </H1>, например) кавычки распознаются web-браузером адекватно. Более того, они распознаются как кавычки почти везде в html-документе за исключением некоторых особых тегов, которые не описаны в данной работе.