Почтовая рассылка - Создать сайт самому? Не проблема! Номер рассылки - 5 Дата выпуска - 2010-03-10
Уроки HTML.Теги списков
В html документах используются три вида списков: пронумерованные, промаркированные и списки определений или как их еще называют – списки описаний. Отдельно о вложенных списках, то есть одного списка внутри другого. Создаются такие списки очень просто. Для этого достаточно расположить пару тегов (открывающий и закрывающий) внутри другой пары. Итак:
Списки пронумерованные
В случае формирования пронумерованных списков, браузер автоматически вставит номер элементов списка по порядку. То есть, если вам нужно будет убрать какие-либо элементы списка, то браузер автоматически пересчитает, те что остались.
Начало пронумерованного списка определяется открывающим тэгом <ol> а конец – закрывающим тэгом </ol>. Все элементы списка начинаются с тэга <li>. Например:
Атрибуты тега <ol> - type и start. Атрибутtype устанавливает стиль нумерации элементов списка и может принимать следующие значения:
«А» - заглавные буквы A, B, C ...
«а» - строчные буквы a, b, c ...
«I» - большие римские числа I, II, III ...
«i» - маленькие римские числа i, ii, iii ...
«1» - арабские числа 1, 2, 3 ...
По умолчанию <ol type="1" >
Атрибут start. устанавливает первое число, с которого начинается нумерация элементов списка. Может быть: start="1,2,3.. и.т.д."
Например, нумерованный список:
Для промаркированных списков браузер применяет для отметки элемента списка маркеры. Вид маркера, обычно, определяется в таблице стилей.
Начало промаркированного списка определяется открывающим тэгом <ul> а конец – закрывающим тэгом </ol>. Все элементы списка начинаются с тэга <li>. Например:
Атрибут тега<ul> - type. Атрибутtype устанавливает внешний вид маркера. Круглый (circle), квадратный (square) или дисковидный (disc), который, кстати, используется по умолчанию. Например:
Список определений начинается с тэга <dl> и завершается тэгом </dl>. Данный список служит для создание списков типа "термин"-"описание". Каждый термин начинается тэгом <dt> , а описание - тэгом <dd>. Например:
<dl>
<dl> <b> Статический сайт</b>
<DD> Содержит статическую информацию
<dt> <b> Динамический сайт</b>
<dd> Содержит динамическую информацию
<dt> <b> Сайт на движке</b>
<dd> Динамический сайт
</dl>
В визуальном режиме это будет выглядеть так:
Статический сайт
Содержит статическую информацию
Динамический сайт
Содержит динамическую информацию
Сайт на движке
Динамический сайт
Теги списков очень часто используются в создании раскрывающихся или выпадающих меню сайта.