Создание списков.
В спецификации HTML существует четыре разновидности списков:
Маркированные - служат для перечисления элементов, следующих в произвольном порядке.
Список определений - в основном используется для форматирования словарей.
Нумерованные - служат для перечисления элементов, следующих в определенном порядке.
Многоуровневые - служат для конкретизации информации определенных элементов.
Теперь разберем каждый из них по отдельности.
Маркированные списки:
Для создания данных списков, используют два следующих тега: <UL> (данным тегом обозначается начало/окончание всего списка) и <LI> (обозначает начало/конец отдельного элемента списка). По умолчанию, все элементы маркируются черной, жирной точкой. При помощи атрибута TYPE можно изменить стиль маркирования.
Пример:
<UL TYPE=square>
<LI> Элемент 1 </LI>
<LI> Элемент 2 </LI>
</UL>
|
|
Список определений:
Для создания данного типа списка, в HTML используют три тега: <DL> (начало/окончание списка), <DT> (Начало/конец определенного термина) и <DD> (начало/окончание поясняющей статьи термина). Теги <DT> и <DD> чередовать не обязательно, поэтому можно к одному определению написать сразу несколько терминов, ну и наоборот.
Пример:
<DL>
<DT> Термин </DT>
<DD> Определение 1 </DD>
<DD> Определение 2 </DD>
</DL>
|
- Термин
- Определение 1
- Определение 2
|
Нумерованный список:
Для создания нумерованного списка используют следующие теги: <OL> (обозначает начало/конец всего списка) и <LI> (обозначает начало/окончание отдельного элемента списка). По умолчанию, все элементы списка нумеруются по порядку - 1,2,3,4,... Так же при помощи атрибута TYPE можно изменить стиль нумерации (I, II, III (I) или a,b,c (a) и т.п.). При помощи атрибутов START и VALUE - можно изменить порядок нумерации. START - служит для задания начального номера списка. VALUE - дает возможность задать произвольный номер любому элементу списка.
Пример:
<OL>
<LI> Элемент 1 </LI>
<LI> Элемент 2 </LI>
</OL>
|
- Элемент 1
- Элемент 2
|
Многоуровней список:
Многоуровневый список можно получить путем вложения одного списка в тело другого. Самое главное при этом не запутаться. Для создания многоуровневых списков можно использовать как нумерованные, так и маркированные списки.
Создание списков с графическими маркерами
С помощью маленьких изображений можно строить списки. Такие списки заметно оживляют дизайн веб-страницы. Есть одно единственно правило, которое нужно соблюдать! Изображения должны быть идентичны размерам форматирования текста. Чтобы воспользоваться графическим маркером, необходимо применить атрибут ALIGN с одним из его параметров - top, middle, bottom. Чтобы отделить текст от изображения, можно использовать атрибут HSPACE.
Пример:
Смотрите так же:
|
Страница 1