Тэги списков

В HTML-документе - три основных вида списков:

•   пронумерованный (индексированный);

•   непронумерованный;

•   список описаний.

   Когда их чередуют, появляются вложенные списки.

ol - Пронумерованные списки

В пронумерованном списке WEB-браузер вставляет индексы элементов автоматически по порядку. Это очень удобно. Если, к примеру, из пронумерованного списка удалить один или даже несколько элементов, оставшиеся индексы - цифры или буквы будут   автоматически пересчитаны.

Стартовым тэгом <ol> открывается пронумерованный список, а заканчивается тэгом </ol>. Всякий его элемент начинается с тэга <li> , а оканчивается - </li>.

Тэг <ol> - его синтаксис:

<ol [type="A|a|I|i|1"] [start="n"]>

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

Для списков ненумерованных WEB-браузер, как правило использует маркеры для выделения определенного элемента. Вид маркера настраивает пользователь браузера.

Стартовый тэг <ul> открывается непронумерованный список, а тэгом </ul> завершается. Начало всякого элемента списка должно начинаться с тэга <li> и завершаться тэгом </li>.
.

Синтаксис тэга <ul>:

<ul [type="disc|circle|square"]>


    type - атрибут, определяющий вид маркера

Значения:

     disc - Заполненный круглый маркер (используется по умолчанию).

     square - Квадратный маркер.

     circle - Круглый пустой маркер.

Пример:
------------------------------------

<ul type=\"square\">
<li>Программы</li>;
<li>Алгоритмы</li>;
<li>Процессы</li></ol>

------------------------------------

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

Применяя разные тэги списков или повторяя один внутри другого, можно создать вложенные списки. Они имеют (содержат) определенное количество (несколько) уровней элементов. И каждый уровень также может стать списком.

Пример:
------------------------------------------

<h2>Ингредиенты </h2>
<ol>
<li>Салат «Легкий»
<ul type=\"square\">
<li>Крабовые палочки</li>
<li>Редиска li></ul></li>
<li>Соус к салату
<ul>
<li>Майонез li>
<li>Соевый соус</li></ul></li></ol>

------------------------------------------

Список описаний

Начало и конец списка описаний начинается тэгом <dl>, а завершается тэгом </dl>. Внутри этого элемента создаются (задаются) пары: "термин"-"описание". Термин выделяется тэгом <dt>, а описание - <dd>.

Пример:
-----------------------------------------------------------------

<dl>
<dt><b>Отваренный рис </b></dt>
<dd> Хорошо подходит к мясным блюдам</dd>
<dt><b>Картофельное пюре </b></dt>
<dd>Неплохо сочетается с рыбой</dd>
<dt><b> Цветная капуста </b></dt>
<dd> Подходящий гарнир для мяса птицы </dd></dl>

-----------------------------------------------------------------