2014-02-10
478
Модуль List
В модуле List содержатся элементы dd, dl, dt, li, ol и ul, описывающие различные типы списков.
В HTML определены три основных типа списков:
· упорядоченные (нумерованные) списки;
· неупорядоченные (маркированные) списки;
· списки определений.
Нумерованный список создается с помощью контейнера <ol>…</ol>. Каждый элемент списка определяется внутри этого контейнера с помощью контейнера <li>…</li>.
Для элементов ol и li определены общие атрибуты class, dir, id, lang, style и title. Дополнительными атрибутами для элемента ol являются атрибуты type и start.
При выводе Web-страницы на экран элементы списка последовательно нумеруются арабскими цифрами. С помощью атрибута type в элементе ol можно задать другой способ нумерации (допустимые значения атрибута type представлены в табл. 4.3.12).
Таблица 4.3.12. Допустимые значения свойства type в элементе ol
| Значение атрибута type | Что задает | Пример |
| Нумерация списка арабскими цифрами (значение по умолчанию). | 1. Пункт 1 2. Пункт 2 … | |
| I | Нумерация списка большими римскими цифрами. | I. Пункт 1 II. Пункт 2 III. Пункт 3 IV. Пункт 4 … |
| i | Нумерация списка маленькими римскими цифрами. | i. Пункт 1 ii. Пункт 2 iii. Пункт 3 iv. Пункт 4 … |
| A | Нумерация списка большими латинскими буквами. | A. Пункт 1 B. Пункт 2 … |
| a | Нумерация списка маленькими латинскими буквами. | a. Пункт 1 b. Пункт 2 … |
Однако для выбора нумерации рекомендуется использовать рассматриваемое ниже свойство стиля list-style-type.
|
|
|
Атрибут start элемента ol позволяет задать номер начальной буквы или цифры нумерации. Значение этого атрибута определяет индекс буквы или цифры, которая нумерует первый элемент списка. Для цифровой нумерации этот индекс совпадает с цифрой в первом элементе списка, например, для значения атрибута
start="4"
первый элемент списка будет иметь номер 4.
При буквенной нумерации для этого же значения атрибута start первый элемент списка будет иметь номер D или d.
Пример 4.3.65. Задание нумерованного списка:
Для последовательности элементов HTML:
<p>Свойство text-align в CSS может иметь следующие значения:
<ol>
<li>left – выравнивание слева.</li>
<li>right – выравнивание справа.</li>
<li>center – выравнивание по центру.</li>
<li>justify – выравнивание по ширине.</li>
</ol></p>
выводимый фрагмент Web-страницы будет иметь следующий вид:
|
