Программирование списков

Продолжим рассмотрение команд, которые помогают делать текст на экране красивым.

HTML допускает задание в документах списков двух типов:

Маркированный список

Каждый элемент этого списка браузер предваряет меткой в начале строки, а сами строки смещает вправо.

Команда UL, задающая маркированный список, имеет следующую структуру:

Замечание

Конечный тег LI> не является обязательным.

Вид метки, которую браузер помещает перед каждым элементом списка, настраивается при помощи атрибута type. Этот атрибут может отсутствовать или принимать одно из трех значений:

Пример маркированного списка
Программа

Нумерованный список

В нумерованных списках каждый элемент снабжен номером, вид и начальное значение которого настраивается специальным атрибутом.

Нумерованный список задается при помощи команды 

.

Описание команды	Пример
<OL>   <LI>первый элементLI>   <LI>второй элементLI>   ...   <LI>последний элементLI> OL>	<OL>   <LI>Хамите.LI>   <LI>Хо-хо!LI>   ...   <LI>Жуть.LI> OL>

Замечание

Конечный тег LI> не является обязательным.

Вид номера определяется значением атрибута type.

Начальный тег	Вид номера на экране
<OL>	Нумерация выполняется арабскими цифрами (1, 2, 3,...)
<OL type=1>	Нумерация выполняется арабскими цифрами (1, 2, 3,...)
<OL type=A>	Нумерация выполняется прописными буквами (A, B, C,...)
<OL type=a>	Нумерация выполняется строчными буквами (a, b, c,...)
<OL type=I>	Нумерация выполняется большими римскими цифрами (I, II, III,...)
<OL type=i>	Нумерация выполняется малыми римскими цифрами (i, ii, iii,...)

Естественную нумерацию элементов списка (с единицы) можно изменить при помощи атрибута start=n. Число n задает начальное значение нумерации. Если для нумерации используются буквы или римские цифры, то стартовое значение равно n-му элементу в системе нумерации (например, 4 означает D или IV).

Пример нумерованного списка
Программа

Замечание

Мои браузеры Microsoft Internet Explorer и Netscape Navigator делают фиксированный отступ для вывода элементов списка на экран. Нумерация при этом, смещается от отступа к левому краю окна. Когда номер достаточно большой, места не хватает, и номер “налезает” на соответствующий элемент списка. Для исключения этого неприятного эффекта в программе примера использована команда <BLOCKQUOTE>. Эта команда “насильственным” путем увеличивает левый отступ списка.

Вложенные списки

Элемент любого списка сам может быть списком. Уровень вложенности в принципе не ограничен, и это позволяет с успехом использовать списки для отображения сложныхиерархических структур.

---

Самостоятельная работа

Вариант 1

Как сделать хороший HTML-документ

---

1. Структурировать материал
1. Разбить материал на главы, параграфы, пункты
2. Придумать заголовки частей
2. Продумать стиль оформления
1. Выбрать цвета
1. Выбрать цвет фона
2. Выбрать цвет основного текста
3. Выбрать цвета для выделения отдельных элементов документа
2. Зафиксировать способы оформления отдельных элементов
3. Написать программу
4. Провести тестирование и отладку программы

Вариант 2

Рекомендации по использованию списков

---

1. Маркированный список удобен тогда, когда порядок элементов в нем не важен. Примеры:
• список продуктов для приготовления борща;
• список команд исполнителя;
• список школьных предметов.
2. Нумерованный список особенно хорош для описания действий, в которых важен порядок следования. Примеры:
• рецепт приготовления борща;
• программа для исполнителя;
• расписание уроков.

---