Списки
HTML позволяет организовывать данные в виде списков.
Списки могут быть упорядоченными (все элементы списка пронумерованы тем или иным способом) или неупорядоченными. Кроме обычных списков можно также составлять списки определений, списки директорий и меню.

Неупорядоченные списки

Структура неупорядоченных списков выглядит следующим образом:

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

Коды <UL> и </UL> ограничивают соответственно начало и конец списка (Unordered List).
Каждый новый элемент списка отмечается кодом <LI> (List Item).

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

Коды <UL> и <LI> могут содержать атрибут TYPE=DISC (CIRCLE, SQUARE), указывающий при помощи какого символа должны помечаться элементы списка.

Если атрибут стоит в коде <UL>, то его действие распространяется на все элементы списка. Если же он стоит в коде <LI>, то его действие распространяется на данный и последующие элементы списка.

<UL TYPE=CIRCLE>
<LI>Первый элемент
<LI>Второй элемент
<LI TYPE=DISC>Третий элемент
<LI>Четвертый элемент
<LI>Пятый элемент
<LI TYPE=SQUARE>Шестой элемент
<LI>Седьмой элемент
</UL>
  • Первый элемент
  • Второй элемент
  • Третий элемент
  • Четвертый элемент
  • Пятый элемент
  • Шестой элемент
  • Седьмой элемент

Упорядоченные списки

Cтруктура упорядоченного списка аналогична структуре неупорядоченного списка с тем лишь различием, что вместо кода <UL> используется код <OL> (Ordered List).

<OL>
<LI>Первый элемент списка
<LI>Второй элемент списка
<LI>Третий элемент списка
</OL>
  1. Первый элемент списка
  2. Второй элемент списка
  3. Третий элемент списка
Каждый новый элемент списка отображается с новой строки. Нумерация элементов списка осуществляется автоматически просмотровыми программами при выводе на экран.

Элементы списка могут быть упорядочены при помощи букв латинского алфавита или пронумерованы римскими или арабскими цифрами.

Для этого, как и в неупорядоченных списках, также используется атрибут TYPE , который может принимать значения A, a, I, i или 1.
TYPE=A TYPE=a TYPE=I TYPE=i TYPE=1
  1. Первый
  2. Второй
  3. Третий
  1. Первый
  2. Второй
  3. Третий
  1. Первый
  2. Второй
  3. Третий
  1. Первый
  2. Второй
  3. Третий
  1. Первый
  2. Второй
  3. Третий
Кроме TYPE в упорядоченных списках могут использоваться еще два атрибута - START и VALUE.

При помощи START можно задать значение, начиная с которого будет осуществляться нумерация списка.
Используя VALUE можно присвоить какой-то номер конкретному элементу списка. В этом случае все последующие элементы списка будут нумероваться, опираясь на новое заданное значение.

<OL START=10>
<LI>Первый элемент (имееет номер 10)
<LI>Второй элемент
<LI VALUE=100>Третий элемент (имеет номер 100)
<LI>Четвертый элемент
<LI>Пятый элемент
</OL>
  1. Первый элемент (имееет номер 10)
  2. Второй элемент
  3. Третий элемент (имеет номер 100)
  4. Четвертый элемент
  5. Пятый элемент

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

Кроме упорядоченных и неупорядоченных списков HTML позволяет создавать также списки определений, т.е. списки, состоящие из каких-то понятий и их определений.

Исходный текст Результат на экране
<DL>
<DT>Понятие 1
<DD>Определение понятия 1
<DT>Понятие 2
<DD>Определение понятия 2
</DL>
Понятие 1
Определение понятия 1
Понятие 2
Определение понятия 2

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

Например:
<DD> Текст выводится с отступом от левого края

В результате получим:

Текст выводится с отступом от левого края

Списки директорий и меню

Списки директорий и меню являются, по сути, теми же неупорядоченными списками, но в отличие от них более компактны.
Элементы списка меню должны занимать не более одной строки текста на экране.
Длины элементов списка директорий не должны превышаь 20 символов.
Необходимо отметить, что данные ограничения являются условными и списки будут выводиться на экран полностью, если даже их элементы и выходят за рамки ограничений.
Исходный текст Результат на экране
Список меню
<MENU>
<LI>Первый элемент
<LI>Второй элемент
<LI>Третий элемент
</MENU>
  • Первый элемент
  • Второй элемент
  • Третий элемент
    • Список директорий
    <DIR>
    <LI>Первый элемент
    <LI>Второй элемент
    <LI>Третий элемент
    </DIR>
  • Первый элемент
  • Второй элемент
  • Третий элемент 
    •

    Общая информация | Структура документа
    Оформление внешнего вида документа
    Физическое форматирование текста | Логическое форматирование текста | Разделители
    Использование графики | Организация связей | Таблицы | Списки
    Разбивка на кадры
    Справочник по HTML©
    Кайгородов А. Е., E-mail адрес: kandrey@hotmail.com
    Hosted by uCoz