5.2. Маркированные списки

В маркированных списках вместо номера перед каждым элементом перечисления стоит не цифра или буква, а какой-то маркер. Для организации маркированных списков в HTML-коде используется пара тегов <UL>…</UL> (от англ. unordered list – неупорядоченный список). Тип маркера зависит от присвоенного параметру type тега <UL> значения:

• circle (в виде окружности ○);

• disk (в виде жирной точки ●);

• square (в виде квадратика ■).

При этом по умолчанию выводится список с маркером, который соответствует значению disk. Например:

…

Расписание на понедельник:

<UL>

<LI> История Отечества (Л) </LI>

<LI> Высшая математика (Л) </LI>

<LI> Высшая математика (С) </LI>

</UL>

Расписание на вторник:

<UL type=circle>

<LI> История Отечества (C) </LI>

<LI> Культурология (Л) </LI>

<LI> Информатика (Л) </LI>

</UL>

Расписание на среду:

<UL type=square>

<LI> Физкультура </LI>

<LI> Культурология (С) </LI>

<LI> Информатика (С) </LI>

</UL>

Тогда в браузере эта страница будет выглядеть, как показано на рисунке 13.

Рис.13. Маркированный список

3. Многоуровневые списки

В HTML нет специальной конструкции для многоуровневых списков. Для их разметки применяют описанные выше конструкции нумерованных и маркированных списков, используя вложенную структуру. Например:

…

Расписание занятий гр. 012131

<UL>

<LI> Понедельник</LI>

<OL>

<LI> История Отечества (Л) </LI>

<LI> Высшая математика(Л) </LI>

<LI> Высшая математика (С) </LI>

</OL>

</UL>

<UL>

<LI> Вторник</LI>

<OL>

<LI> История Отечества (С) </LI>

<LI> Культурология (Л) </LI>

<LI> Информатика (Л) </LI>

</OL>

</UL>

В итоге в браузере получим результат, показанный на рисунке 14.

Рис.14. Многоуровневый список

3. Список определений

Для создания списка терминов и определений, словарных статей используют теги <DL>, <DT>, <DD>. Схема использования следующая:

<DL>

<DT> Термин</DT>

<DD> Определение</DD>

</DL>.

В этом случае термин располагается на одной строке, а его определение – на следующей с небольшим отступом вправо. Если необходимо термин выделить, например, жирным шрифтом или подчеркнуть, тогда необходимо добавить соответствующий тег. HTML-код примера списка определений, показанного на рисунке 15, представлен ниже.

Рис.15. Список определений

<DL>

<DT><B> Информация</B></DT>

<DD> сведения об объектах и явлениях окружающей среды, их параметрах, свойствах и состоянии, которые уменьшают имеющуюся о них степень неопределенности, неполноты знаний.</DD>

</DL>.

Для использования несколько подряд идущих терминов с определениями их размещают внутри одной пары тегов <DL>…</DL>:

<DL>

<DT> <B>Информация</B></DT>

<DD> сведения об объектах и явлениях окружающей среды, их параметрах, свойствах и состоянии, которые уменьшают имеющуюся о них степень неопределенности, неполноты знаний.</DD>

<DT> <B>Адекватность информации</B></DT>

<DD> это определенный уровень соответствия создаваемого с помощью полученной информации образа реальному объекту, процессу, явлению и т.п.</DD>

</DL>.