Как создать список на вашей странице

Теперь вы знаете, когда вы можете (или должны) применять списки. Давайте рассмотрим различные типы списков.

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

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

<ul> </ul>

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

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

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

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

А теперь давайте посмотрим последствия приведенного чуть выше html-кода:

Заголовок первая строка вторая строка третья строка

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

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

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

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

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

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

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

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

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

<ul type="1"> <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>
первая строка вторая строка третья строка	первая строка вторая строка третья строка	первая строка вторая строка третья строка	первая строка вторая строка третья строка	первая строка вторая строка третья строка

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