Теги списков

   Для предоставления информации на страницах сайтов в виде списков в языке HTML предусмотрен специальный набор тегов. Они дают возможность составлять:

1. Нумерованые или упорядоченные списки.

2. Компактные или маркированные списки.

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

4. Списки меню.

   a.Нумерованные списки создаются при помощи тега-контейнера <OL> . . .</OL>. Пример применения этого тега у Вас перед глазами.  Тег имеет параметры:

• TYPE - задает тип маркера, которым отмечается список. Этот параметр может принимать значения:

  • A - задает маркеры в виде заглавных латинских букв.

  • a - задает маркеры в виде строчных латинских букв.

  • I - задает маркеры в виде больших римских цифр.

  • i - задает маркеры в виде маленьких римских цифр.

  • 1 - задает маркеры в виде арабских цифр.

По умолчанию принимается значение 1, т. е. нумерация ведется арабскими цифрами.

• COMPACT - в настоящее время не рекомендуется к употреблению.

• START - позволяет начать нумерацию списка не с единицы. Принимает значение порядкового номера элемента, с которого Вы хотите начать нумерацию.

Синтаксис записи: <OL type=1 start=10> . . .</OL> Каждый элемент списка внутри этого тега помещается в тег-контейнер <LI> . . .</LI>. Закрывающий элемент тега LI может быть опущен.    В качестве примера составим еще один нумерованный список. HTML-код его выглядит так: <OL type=I start=6>Летние месяцы года: <LI>Июнь <LI>Июль <LI>Август </OL> На странице сайта это будет выглядеть так:

Летние месяцы года:

6. Июнь

7. Июль

8. Август

   b.Маркированные списки создаются при помощи тега-контейнера <UL> . . .</UL>. Тег имеет параметры:

• TYPE - задает тип маркера, которым отмечается список. Этот параметр может принимать значения:

  • = disc - маркеры отображаются закрашенными кружками.

  • = circle - маркеры отображаются не закрашенными кружками.

  • = square - маркеры отображаются закрашенными квадратами.

Параметр type можно употреблять как для всего списка, так и для каждого элемента в отдельности.

• Парметр COMPACT - в настоящее время не рекомендуется к употреблению.

Каждый элемент списка внутри этого тега помещается в тег-контейнер <LI> . . .</LI>. Закрывающий элемент тега LI может быть опущен.    Кроме того есть недокументированная возможность выводить в качестве маркеров выводить всяческие симпатичные штучки.

Для этого необходимо:  Найти симпатичную штучку.  Сделать ее миниатюрную копию желательно (но не обязательно) в формате gif.  Вставить вместо тега LI.  Поставить после каждого элемента списка тег BR.

Я надеюсь, понятно рассказал. Для большей ясности приведу кусок кода, с помощью которого сделан этот список: <UL>Для этого необходимо:<BR> <IMG SRC="img/favicon.gif" ALT="favicon.gif[145 байт]" WIDTH="20" HEIGHT="20" BORDER="0"> Найти симпатичную штучку.<BR> <IMG SRC="img/favicon.gif" ALT="favicon.gif[145 байт]" WIDTH="20" HEIGHT="20" BORDER="0"> Сделать ее миниатюрную копию желательно (но не обязательно) в формате gif.<BR> <IMG SRC="img/favicon.gif" ALT="favicon.gif[145 байт]" WIDTH="20" HEIGHT="20" BORDER="0"> Вставить вместо тега LI.<BR> <IMG SRC="img/favicon.gif" ALT="favicon.gif[145 байт]" WIDTH="20" HEIGHT="20" BORDER="0"> Поставить после каждого элемента списка тег BR.<BR> </UL> Замечу попутно, что язак HTML имеет еще множество неизученных возможностей и комбинаций кодов. Так что экспериментируйте, фантазируйте, дерзайте, одним словом - и у Вас могут получиться уникальные вещи!    c.Списки определений создаются при помощи тега-контейнера <DL> . . .</DL>. Внутри контейнера определяемый термин помечается тегом <DT>, а абзац с его определением - тегом <DD>. Для тегов DT и DD закрывающие элементы не обязательны. Пример такого списка: