|
Страница 4 из 11
Списки, Меню
Для перечисления списка по пунктам используются такие теги
- Для простых списков:
- Для задания типа списка:
- <UL> -- </UL> : Для обрамления ненумерованного списка.
- <OL> -- </OL> : Для обрамления нумерованного списка. У этого тега есть аттрибут start="число", которое задает номер первого элемента, и по умолчанию равно 1.
- Для обозначения очередного пункта списка:
- <LI> -- </LI>. Здесь ситуация как с параграфами: закрывающий тег можно опустить, поскольку начало очередного пункта списка или конец списка автоматически означает конец предыдущего.
- Для списков определений:
- Для задания типа списка:
- <DL> -- </DL>. Список определений -- это список пар (скажем, термин и определение).
- Для обозначения очередного пункта списка:
- <DT> -- </DT> : Для обрамления термина.
- <DD> -- </DD> : Для обрамления определения.
А вот как выглядит текст предыдущего параграфа в исходном коде документа (заодно, обратите внимание символ "<" пришлось заменить на "<" для того, чтобы отличить его от тега;
<P>Для перечисления списка по пунктам используются такие теги
<UL>
<LI>Для простых списков:</LI>
<UL>
<LI>Для задания типа списка:</LI>
<OL>
<LI><UL> -- </UL>, для ненумерованного списка.</LI>
<LI><OL> -- </OL>, для нумерованного списка.
У этого тега есть атрибут start="число", которое задает номер первого элемента,
и по умолчанию равно 1.</LI>
</OL>
<LI>Для обозначения очередного пункта списка:</LI>
<OL>
<LI><LI> -- </LI>. Здесь ситуация как с параграфами: закрывающий тег
можно опустить, поскольку начало очередного пункта списка или конец списка
автоматически означает конец предыдущего.</LI>
</OL>
</UL>
<LI>Для списков определений:</LI>
<UL>
<LI>Для задания типа списка:</LI>
<OL>
<LI start="3"><DL> -- </DL>. Список определений -- это список пар
(скажем, термин и определение).</LI>
</OL>
<LI>Для обозначения очередного пункта списка:</LI>
<OL>
<LI start="2"><DT> -- </DT>, для термина.</LI>
<LI><DD> -- </DD>, для определение.</LI>
Атрибуты для списков UL, DIR, MENU:
|
имя атрибута
|
возможные значения
|
описание
|
|
TYPE
|
DISC, SQUARE, CIRCLE
|
стиль тега (звездочка “*”, плюс “+” и символ “o”.)
|
Атрибуты для списков OL:
|
имя атрибута
|
возможные значения
|
описание
|
|
TYPE
|
1, a, A, i, I
|
стиль нумерации
|
|
START
|
целое
|
начальная цифра последовательности, по умолчанию 1
|
|
VALUE
|
целое
|
последовательные числа
|
В HTML 3.0 вы можете вместо обычного тега поместить GIF или специальный символ. Атрибут РLAN= создает ненумерованные списки без тегов. Разумеется, простейший способ это сделать - воспользоваться списком определений, но если вы все же захотите вставить в список один-два тега, то лучше применяйте данный атрибут.
Атрибут SRС= используется для того, чтобы задать GIF-файл вместо обычного тега GIF, наиболее употребительный в HTML графический формат. Вместо того чтобы помещать GIF перед строкой с тегом <В R> в конце, вы можете создать собственные изящные теги и затем использовать их в списке. В этом случае вы получите все преимущества ненумерованного списка и вдобавок симпатичные GIF-картинки в качестве тегов. Атрибут SRC= можно задать в теге <UL>, определив сразу все теги списка, а можно указать разные GIF для разных пунктов списка, помещая атрибут SRC= в каждом теге <LI>. В любом случае для того чтобы атрибут SRС= работал с тегом <UL>, нужно задать атрибут РLAN=. Атрибут DINGВАТ= позволяет создавать специальные типографские символы dingbats, поддерживаемые броузером. Эти символы имеют вид картинок, которые используются в качестве тегов в списках. Приведем список стандартных dingbats: Text, Audio, Folder, Disc drive, Form, Home, Next.
Для задания dingsbat нужно указать его имя в теге <LI>. Например, для того чтобы задать home (домик), записывайте тег <LI DINGBAT="home" >.
Dingsbat можно также применять с тегом заголовка.
Тег <OL>
Нумерованные списки. Тег <OL> вместе с атрибутом ТYРЕ= в HTML 3.0 позволяет создать нумерованные списки, используя в качестве номеров не только обычные числа, но и строчные и прописные буквы, а также строчные и прописные римские цифры. При необходимости можно даже смешивать эти типы нумерации в одном списке.
<ОL ТYРЕ=1> Тег создает список с нумерацией в формате 1., 2., 3., 4. и т. д.
<ОL ТYРЕ=A> Тег создает список с нумерацией в формате А., В., С., В. и т. д.
<ОL ТYРЕ=a> Тег создает список с нумерацией в формате а., b., с., d. и т. д.
<ОL ТYРЕ=I> Тег создает список с нумерацией в формате I., II., III., IV. и т. д.
Специальные символы
|
изображение
|
символ
|
код
|
описание
|
|
"
|
"
|
"
|
двойная кавычка
|
|
&
|
&
|
&
|
амперсанд
|
|
<
|
<
|
<
|
меньше, чем
|
|
>
|
>
|
>
|
больше, чем
|
| |
|
 
|
непрерывный пробел
|
|
©
|
©
|
©
|
копирайт
|
|
®
|
®
|
®
|
зарегистрировано
|
|
º
|
º
|
º
|
копье Марса
|
|
ª
|
ª
|
ª
|
зеркало Венеры
|
|
‰
|
‰
|
‰
|
промилле
|
|
π
|
π
|
π
|
пи
|
Таблица всех спец.символов HTML
|
