Форматирование текста
При выводе на экран текста браузер игнорирует дополнительные пробелы, символы табуляции и возврата каретки, пустые строки. Их можно использовать для того, чтобы сделать текст HTML-документа легко читаемым.
Для правильного отображения Web-страницы в окне браузера следует использовать специальные теги для структурирования и форматирования текста.
1.2.Цвета в html-документе
Существует две формы задания цвета:
символьная - указывается название одного из предопределенных цветов, например, RED;
цифровая - комбинация RGB: #RRGGBB, например, для красного - #FF0000.
Символьные идентификаторы и RGB-комбинации основных цветов приведены ниже:
-
Цвет
Символьное обозначение
Цифровое обозначение
Черный
BLACK
#000000
Темно-синий
NAVY
#000080
Голубой
BLUE
#0000FF
Зеленый
GREEN
#008000
Сине-зеленый
TEAL
#008080
Ярко-зеленый
LIME
#00FF00
Ярко-голубой
AQUA
#00FFFF
Темно-красный
MAROON
#800000
Темно-сиреневый
PURPLE
#800080
Оливковый
OLIVE
#808000
Серый
GRAY
#808080
Серебряный
SILVER
#C0C0C0
Красный
RED
#FF0000
Сиреневый
FUCHSIA
#FF00FF
Желтый
YELLOW
#FFFF00
Белый
WHITE
#FFFFFF
Язык HTML определяет для тега BODY следующие атрибуты цветов:
BGCOLOR - цвет фона для тела документа,
TEXT - цвет, используемый при выводе на экран текста из данного документа,
LINK - цвет, который будет использоваться при выводе на экран текста из еще не выбранных вами гипертекстовых связей,
VLINK - цвет, который будет использоваться при выводе на экран текста из уже проверенных вами гипертекстовых связей,
ALINK - цвет, которым будут выделяться в тексте гипертекстовые связки в тот момент, когда пользователь щелкает по ним клавишей мыши.
Атрибут COLOR, указывающий на цвет, может также использоваться в тегах: <FONT>, <HR>.
Элементы форматирования на уровне блоков
К тегам блочного уровня относят:
Тег абзаца (параграфа) разделяет два абзаца пустой строкой.
<P ALIGN=LEFT|CENTER|RIGHT|JUSTIFY NOWRAP> текст </P>
Может не иметь пары </P>.
Атрибут ALIGN задает выравнивание информации.
Применение атрибута NOWRAP дает возможность писать текст без переноса слов.
Для центрирования текста или графики можно использовать также контейнер <CENTER>...</CENTER>
Теги заголовков (от 1-го до 6-го уровней) используются для выделения структурных частей текста.
Каждый стиль заголовка имеет свой размер. Тег <H1> имеет наибольший размер.
<H1|H2|H3|H4|H5|H6 ALIGN=...> текст </H1|H2|H3|H4|H5|H6>
Тег горизонтальной линейки предназначен для вычерчивания горизонтальной линии.
<HR ALIGN=... SIZE=... WIDTH=... NOSHADE>,
где атрибут SIZE задает толщину линии в пикселах,
WIDTH —ширину в пикселах или процентах от ширины окна браузера,
NOSHADE позволяет представить линию без тени в виде простой темной полоски.
Тег конца строки вызывает переход не новую строчку без разрыва абзаца.
<BR>
Тег <WBR> — определяет место возможного (рекомендуемого) переноса (разрыва) строки.
Контейнер <NOBR> …</NOBR> заключает в себе текст, который не должен разбиваться на строки, даже если она выходит за границы экрана. Вместо этого броузер позволит горизонтально прокручивать текст.
Контейнер <PRE>…</PRE> используется для отображения на экране символов табуляции, возврата каретки, дополнительных пробелов, сохраняет предварительно выполненное форматирование текста. При отображении такого текста используется моноширинный шрифт. Внутри контейнера могут использоваться другие теги форматирования.
Контейнер <BLOCKQUOTE> предназначен для обозначения в документе цитаты из другого источника. Текст, обозначенный этим тегом, отступает от левого края документа на 8 пробелов.
Для структурирования текста на Web-странице используются теги списков (таблица 9.1). HTML позволяет формировать нумерованные, маркированные и вложенные списки, а также списки терминов и определений.
Таблица 1.1 - Операторы HTML для описания списка
|
Нумерованный список– OrderedList |
Маркированный список– UnorderedList |
Вложенный список |
Список терминов и определений |
|
<ol> <li>пункт списка <li>пункт списка <li>пункт списка … </ol> |
<ul> <li>пункт списка <li>пункт списка <li>пункт списка … </ul> |
<ol> <li>пункт списка 1 … <ul> <li>пункт списка 2 … </ul> … <li>пункт списка 1 </ol> |
<dl> <dt>Название термина <dd>определение термина <dt>Название термина <dd>определение термина … </dl> |
Для маркированных, нумерованных и вложенных списков могут использоваться атрибуты:
TYPE - тип маркера
|
Для нумерованных |
|
Для маркированных | |||
|
A |
Заглавные буквы |
|
disс |
Закрашенный кружок. По умолчанию | |
|
a |
Строчные буквы |
|
circle |
Незакрашенный кружок | |
|
I |
Заглавные римские цифры |
|
square |
Квадратик | |
|
i |
Строчные римские цифры |
|
| ||
|
1 |
Арабские цифры (по умолчанию) |
|
| ||
START - Начальное значение для нумерованного списка при использовании арабских цифр
TITLE - Всплывающая подсказка
<OL TYPE=A TITLE="нумерованный список">
…
</OL>