5. Списки нумерованные и маркированные. Списки определений Создание списков html страницы

Основное применение списков:

• Нумерованные - для перечисления элементов, следующих в строго определенном порядке.

• Маркированные - для перечисления элементов, следующих в произвольном порядке.

• Многоуровневые - для конкретизации информации определенных элементов.

• Список определений - используется для форматирования словарей.

Нумерованный список html страницы

Для создания нумерованных списков используются тэги <OL> <LI>. Тэгом <OL> отмечается начало/окончание всего списка. Тэгом <LI> обозначают начало/конец отдельного элемента списка. По умолчанию элементы списка нумеруются по порядку 1, 2, 3… При помощи атрибута TYPE можно изменить стиль нумерации. Значение Нумерация

A A, B, C..

a a, b, c..

I I, II, III..

i i, ii, iii..

1 1. 2. 3..

Если дополнить уже существующий список новыми значениями, то браузер автоматически пересчитает его. При помощи атрибутов START VALUE можно изменить порядок нумерации списка. START - служит для задания начального номера списка, отличного от 1. VALUE - дает возможность назначить произвольный номер любому элементу списка.

Пример:

HTML-код: <ol> <li>элемент 1</li> <li>элемент 2</li> <li>элемент 3</li></ol> <ol type="A"> <li>элемент 1</li> <li>элемент 2</li> <li>элемент 3</li></ol> <ol start="5"> <li>элемент 1</li> <li value="9">элемент 2</li> <li>элемент 3</li></ol>

Отображение в браузере: элемент 1 элемент 2 элемент 3 элемент 1 элемент 2 элемент 3 элемент 1 элемент 2 элемент 3

Маркированный список html страницы

Для создания маркированных списков применяют тэги <UL <LI>

Тэгом <UL> отмечается начало/окончание всего списка.

Тэгом <LI> обозначают начало/конец отдельного элемента списка.

По умолчанию элементы списка маркируются черным кружочком. При помощи атрибута TYPE можно изменить стиль маркирования.

В пределах одного списка можно использовать различную маркировку элементов списка.

Пример:

HTML-код: <ul type="circle"> <li>элемент 1</li> <li>элемент 2</li> <li type="disc">элемент 3</li> <li type="square">элемент 4</li></ul>

Отображение в браузере: элемент 1 элемент 2 элемент 3 элемент 4

Многоуровненвый список html страницы

Для создания многоуровневых списков можно использовать как маркированные, так и нумерованные списки, а также их сочетание. Многоуровневый список получается путем вложения одного списка в тело другого. Главная задача при этом не запутаться. Для этого советую делать различные отступы для отдельных списков.

Списки определений html страницы

Для создания списков определений используют три тэга:

<DL> - начало/конец списка.

<DT> - начало/конец конкретного термина.

<DD> - начало/конец поясняющей статьи термина.

Тэги <DT> и <DD> не обязательно чередовать. Т.е. можно "привязать" к одному определению несколько терминов, и, наоборот.

Пример:

HTML-код: <dl> <dt>Термин 1</dt> <dd>Аннотация1 к термину 1</dd> <dd>Аннотация2 к термину 1</dd> </dl>

Отображение в браузере: Термин 1 Аннотация1 к термину 1 Аннотация2 к термину 1

Списки определений незначительно отличаются от других типов списков - тем, что элементы состоят из двух частей: термина и определения. Термин обозначается с помощью элемента DT и может иметь только встроенное содержимое. Описание указывается с помощью элемента DD, имеющим содержимое уровня блока. Другим применением элемента DL, например, может быть разметка диалогов, где каждый элемент DT означает говорящего, а в каждом элементе DD содержатся его слова.

6. Списки вида <DIR>r и <MENU>

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

Изначально списки этих типов задумывались как более компактные по сравнению с обычными маркированными списками. Согласно правилам записи элементов этих списков в них не разрешалось использовать блочные элементы, что означает невозможность реализации вложенности списков такого типа. Каждый элемент списка представлял собой одну строчку текста.

Для списков типа <DIR> планировалось ввести ограничение на«длину текста элемента списка (24 символа). Такое ограничение позволило бы выводить списки типа <DIR> в виде, подобном выводу списка каталогов в операционных системах UNIX и MS-DOS при использовании ключа /W (в несколько колонок). Кроме этого, для элементов списков такого типа не отображались маркеры.

В настоящее время все эти замыслы не реализованы, поскольку дальнейшее употребление списков данных типов не рекомендуется. Современные версии браузеров отображают списки этих типов полностью аналогично спискам типа <UL>.

Меню Этот тип списков по виду мало отличается от неупорядоченных и введен для удобства идентификации меню при создании документов. Список, определяемый тэгом <MENU>, выводится большинством браузеров теми же шрифтами и в том же стиле, что и неупорядоченный список.

Как и предыдущие типы списков, список-меню автоматически отделяется от остального текста кодами перевода строки и может включать другие элементы HTML. Как правило, пункты меню являются указателями ссылок на части того же документа, на другой документ, либо на другие ресурсы сети.

Список типа <DIR> Элемент DIR весьма похож на элемент MENU и служит для идентификации определенной части документа, которая в будущих версиях языка, возможно, получит новые полезные функции. Список контейнера, начинающегося тэгом <DIR>, выводится браузерами аналогично неупорядоченным спискам.