цвет | код | название | цвет | код | название |
черный | # 000000 | black | фиолетовый | # FF00FF | magenta |
белый | # FFFFFF | white | бирюзовый | # 00FFFF | cyan |
красный | # FF0000 | red | желтый | # FFFF00 | yellow |
зеленый | # 00FF00 | lime | золотой | # FFD800 | gold |
синий | # 0000FF | blue | оранжевый | # FFA500 | orange |
серый | # 808080 | gray | коричневый | # A82828 | brown |
Иногда полезно разделять смысловые части документа горизонтальной чертой. Это делается с помощью одиночного тега <HR>. Его атрибуты:
SIZE – толщина линии в пикселях. По умолчанию 1 пиксель.
WIDTH – длина линии в пикселях или процентах от ширины экрана. По умолчанию 100%.
ALIGN – выравнивание линии, возможные значения: LEFT, CENTER, RIGHT. По умолчанию LEFT.
COLOR – цвет линии. По умолчанию GRAY.
NOSHADE – линия рисуется без тени. По умолчанию тень есть.
Пример. Код, в котором использованы теги <BR> и <HR>:
<B> Жизненная позиция </B>
<HR NOSHADE WIDTH=250>
Хорошо на свете жить, <BR>
Информатику учить! <BR>
<HR SIZE=4 ALIGN=CENTER>
Бегущая строка
Можно заставить текст двигаться по экрану влево или вправо с помощью парного тега
<MARQUEE> текст </MARQUEE>.
Тег имеет атрибуты:
Width – ширина поля бегущей строки (в пикселях или процентах от ширины окна);
Height - высота поля бегущей строки (в пикселях);
Direction – определяет направление движения строки. Может принимать следующие значения: left, right;
Behavior – определяет способ движения строки. Может принимать значения: scroll – текст появляется от одного края и скрывается за другим;
Slide – текст вытягивается с одного края и останавливается у другого;
Alternate – попеременное движение от одного края к другому и обратно.
Bgcolor – цвет поля бегущей строки.
Оформление списков
Списки облегчают нахождение нужной информации при перечислении сведений, объединенных общим смыслом: пункты меню, списки товаров, перечень сотрудников и т. п.
В HTML предусмотрено несколько вариантов оформления списков, которые чаще всего используются в документации. Здесь будут рассмотрены только маркированные и нумерованные списки.
Для того чтобы оформить фрагмент документа в виде маркированного списка, его помещают в контейнер <UL>… </UL> (Unordered List).
Для нумерованного – в контейнер <OL> … </OL> (Оrdered List).
Затем текст в контейнере разбивается на отдельные пункты списка тегами <LI> (List Item – элемент списка). Закрывающий тег </LI> в конце каждого пункта ставить необязательно.
В маркированном списке все пункты автоматически помечаются одинаковыми маркерами, в нумерованном – элементы нумерует сам браузер.
Примеры кода:
< UL> Список дисциплин: <OL> Список дисциплин:
<LI> Информатика <LI> Информатика
<LI> Физика <LI> Физика
<LI> История <LI> История
</UL> </OL>
Это дает на экране следующие списки:
Список дисциплин: Список дисциплин:
· Информатика 1. Информатика
· Физика 2. Физика
· История 3. История
Можно организовать многоуровневые списки (разумно ограничиться тремя уровнями вложения). Для этого после каждого <LI> следует разместить контейнеры <UL>… </UL> или <OL> … </OL> с разбивкой информации этого пункта на дополнительные подпункты.
В теге < OL> могут использоваться следующие атрибуты:
TYPE – определяет стиль оформления меток для элементов списка, подробнее ниже;
START – (только для нумерованного списка <OL>) определяет значение первого элемента списка, задается всегда числом (по умолчанию 1). В зависимости от значения атрибута TYPE этому числу сопоставляются разные символы, подробнее ниже;
VALUE – (только для метки <LI> списка <OL>) устанавливает номер текущего элемента списка. Как и в предыдущем случае, метка пункта может быть нечисловой, хотя значение атрибута – всегда число.
Для нумерованного списка в зависимости от стиля нумерации значением атрибута TYPE могут быть:
1 – арабские цифры (1,2,3,...)
a – строчные буквы (a, b, c,…)
A – прописные буквы (A,B,C,...)
i – римские цифры строчные (i,ii,iii,...)
I – римские цифры прописные (I,II,III,...)
По умолчанию значения TYPE устанавливаются в зависимости от степени вложенности списка.
Число, указанное в атрибуте START, показывает порядковый номер элемента в ряду знаков, заданных в TYPE. С этого элемента следует начинать нумерацию пунктов списка.
ЗАДАНИЯ ДЛЯ САМОСТОЯТЕЛЬНОГО ВЫПОЛНЕНИЯ ОБУЧАЮЩИМИСЯ:
Задание 1. Создайте шаблон документа HTML.