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

Списки

Список (list)отличается от обычного текста прежде всего тем, что пользователю не надо думать о нумерации его пунктов: эту задачу программа берет на себя. Если список дополняется новыми пунктами или укорачивается, нумерация корректируется автоматически. В случае ненумерованных списков программа ставит перед каждым пунктом маркеры: кружки, прямоугольники, ромбы или другие изображения. В результате список принимает удобочитаемый, «фирменный» вид. Теги для создания списков можно условно разделить на две группы: одни определяют общий вид списка (и позволяют указывать атрибуты), а другие задают его внутреннюю структуру. В списках можно использовать стандартные атрибуты.

В НТМL имеются следующие виды списков: ненумерованный список (неупорядоченный) (Unordered Lists <UL>), нумерованный список (упорядоченный) (Ordered Lists <OL>) и список определений (<DL>).

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

Самым простым является маркированный (ненумерованный) список.

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

§ первый элемент списка;

§ второй элемент списка;

§ третий элемент списка.

Записывается данный список в виде последовательности:

<UL>

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

<LI>Последний элемент списка</LI>

</UL>

Теги <UL> и </UL> являются своеобразным обрамлением списка. Он позволяет отделить один список от другого. Тег <LI> (List Item) обозначает каждый из пунктов списка. Конечный тег </LI> не является обязательным.

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

Начальный тег		Вид метки на экране
<UL>		Обычный диск (зависит от браузера)
<UL type=circle>	○	Окружность
<UL type=disc>	●	Диск
<UL type=square>	▫	Квадрат

Пример:

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

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

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

<OL>

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

<LI>Последний элемент списка</LI>

</OL>

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

Вид номера определяется значением атрибута type в теге <OL> :

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

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

Пример:

Для элемента <LI> может быть использован атрибут value, который определяет номер для текущего пункта списка:

value= номер

Соответственно, следующий пункт списка будет иметь очередной номер и т.д. При помощи атрибута value, если использовать его для первого в списке элемента <LI>,можно добиться такого же эффекта, что и при помощи атрибута start, или нарушить последовательность номеров, если переопределить другие элементы списка.

Списки определений

Теги списка (Definition List: <DL>, <DT>, <DD>) используют для создания списка терминов и их определений. Схема использования тега следующая.

Задается тегом <DL> и имеет следующую структуру:

<DL> <DT>Пункт 1 <DD>Определение пункта 1 <DD>Другое определение пункта1 <DT>Пункт 2 <DD>Определение пункта 2 </DL>

Определяемый термин записывается на одной строке, а его определение — на следующей, с небольшим отступом вправо. Тег <DL> позволяет создавать отдельные абзацы с отступом без нумерации или маркеров. Отступ делается от левого края. Если на странице несколько тегов <DL>, то текст постепенно сдвигается все больше вправо. В конце определения поместите закрывающий тег </DL>. Помните, что тег <DL> сдвигает только левую границу абзаца.

Термин «определение» носит условный характер. Абзацы, размещенные в списке, могут быть определениями, дополнениями, разъяснениями пунктов. По сути, пункт представляет собой заголовок, а определение – произвольный текст под заголовком.

На экране браузера список определений будет выглядеть так:

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

Еще один способ создания сложных списков – использование принципа вложения. Каждый элемент, определяющий пункт списка, может содержать еще один список. Вложенный список располагается с небольшим отступом вправо относительно списка верхнего уровня. Каждый из списков может быть создан и отлажен отдельно, а затем все составляющие могут быть объединены в один большой список.

Пример: