ТЕГИ СПИСКОВ

Для предоставления информации на страницах сайтов в виде списков в языке 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 - задает тип маркера, которым отмечается список. Этот параметр может принимать значения:
1. = disc - маркеры отображаются закрашенными кружками.
2. = circle - маркеры отображаются не закрашенными кружками.
3. = square - маркеры отображаются закрашенными квадратами.
Параметр type можно употреблять как для всего списка, так и для каждого элемента в отдельности.
Парметр COMPACT - в настоящее время не рекомендуется к употреблению.

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

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

Разделение млекопитающих животных по типу питания.

Травоядные.: Животные, питающиеся растительной пищей.
Хищники.: Животные, питающиеся другими животными.
Всеядные.: Человек.

d.Списки меню создаются при помощи тегов <DIR> и <MENU>. В спецификации HTML-4.0 отмечены как отмененные, хотя все еще поддерживаются ведущими браузерами. Задумывались, как более компактные по сравнению с обычными списками. Современными браузерами отображаются точно так же, как компактные списки.

на главную

Copyright © 2001 by Сергей Червонящий.