Типы списков

Существует три основных типа списков: маркированные, нумерованные и списки определений. Есть и другие типы, но эти три наиболее часто используются. Они сходны в том, что все они располагают каждый пункт на новой строчке, и вы можете выделить нужный текст. Главное различие перечисленных типов состоит в способе нумерации и структуре.

Создать список довольно легко. Сначала введите тэги открытия и закрытия списка:

<ul> </ul>

Затем перед текстом каждого пункта списка введите <li>:

<ul> <li> первая строка <li> вторая строка <li> третья строка </ul>

И теперь, вы можете озаглавить ваш список тэгами <lh> и </lh>:

<ul> <lh>Заголовок</lh> <li> первая строка <li> вторая строка <li> третья строка </ul>

Вот что получится в результате:

Заголовок

 первая строка

 вторая строка

 третья строка

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

Нумерованный список очень напоминает маркированный. Единственным отличием является то, что в нумерованном списке перед каждым пунктом вместо графического маркера (точки) автоматически помещаются последовательные номера или буквы. Вы вводите новый пункт в начале списка, а последующие пункты нумеруются сами, что очень удобно.

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

<ul type="1"> </ul>

Ниже приведен пример кода нумерованного списка:

<ul type="1"> <li> первая строка <li> вторая строка <li> третья строка </ul>

Вот что получится в результате:

 первая строка

 вторая строка

 третья строка

Нумерованные списки удобны для описания информации, которую вы хотите определенным образом ранжировать (например, как в хит-параде), или стадий процесса, которые должны следовать в определенном порядке. Помимо параметра type="1" существует еще ряд других параметров. Посмотрите на следующую таблицу:

<ul type="li"> <li> первая строка <li> вторая строка <li> третья строка </ul>	<ul type="A"> <li> первая строка <li> вторая строка <li> третья строка </ul>	<ul type="a"> <li> первая строка <li> вторая строка <li> третья строка </ul>	<ul type="I"> <li> первая строка <li> вторая строка <li> третья строка </ul>	<ul type="i"> <li> первая строка <li> вторая строка <li> третья строка </ul>
 первая строка  вторая строка  третья строка	A. первая строка B. вторая строка C. третья строка	a. первая строка b. вторая строка c. третья строка	I. первая строка II. вторая строка III. третья строка	i. первая строка ii. вторая строка iii. третья строка

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