Для предоставления информации на страницах сайтов в виде списков в языке HTML предусмотрен специальный набор тегов. Они дают возможность составлять:
Нумерованые или упорядоченные списки.
Компактные или маркированные списки.
Списки определений.
Списки меню.
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>
На странице сайта это будет выглядеть так:
Летние месяцы года:
Июнь
Июль
Август
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 закрывающие элементы не обязательны. Пример такого списка:
Разделение млекопитающих животных по типу питания.
Травоядные.
Животные, питающиеся растительной пищей.
Хищники.
Животные, питающиеся другими животными.
Всеядные.
Человек.
d.Списки меню создаются при помощи тегов <DIR> и <MENU>. В спецификации HTML-4.0 отмечены как отмененные, хотя все еще поддерживаются ведущими браузерами. Задумывались, как более компактные по сравнению с обычными списками. Современными браузерами отображаются точно так же, как компактные списки.
