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

Статья

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

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

Маркированный список	Нумерованный список
Список вопросов Пятачка: Какой он, этот Слонопотам? Неужели очень злой? Идет ли он на свист? И если идет, то зачем? Любит ли он поросят или нет? И как он их любит?	Список слов из словаря Эллочки: Хамите. Хо-хо! Знаменито. Мрачный. Мрак. Жуть.

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

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

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

Описание команды

Пример

<UL>
  <LI>первый элемент</LI>
  <LI>второй элемент</LI>
  ...
  <LI>последний элемент</LI>
</UL>

<UL>
  <LI>Какой он, этот Слонопотам?</LI>
  <LI>Неужели очень злой?</LI>
  ...
  <LI>И как он их любит?</LI>
</UL>

Замечание

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

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

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

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

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

Описание команды

Пример

<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>. Эта команда “насильственным” путем увеличивает левый отступ списка.

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

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

>Назад<