Онлайн учебники на TEPKA.ru

Учебник по HTML 4

Вложенные HTML списки

Бывают случаи, когда в элемент HTML списка одного типа требуется включить целый список такого же типа или другого. При этом будут организованы многоуровневые или вложенные списки. В HTML допустимо произвольное вложение различных типов списков, однако при их организации следует проявлять аккуратность.

Ниже приводится код документа с вложенными HTML списками, отображение которого показано на рис. 2.6. В этом примере в каждый элемент маркированного списка вложен свой нумерованный список.

<HTML>

<HEAD>

<TITLE>Пример вложенного HTML списка</TITLE>

</HEAD>

<BODY>

<UL>

<B>Спутники некоторых планет</B>

<LI>Земпя

<OL>

<LI>Луна

</OL>

<LI>Mapc

<OL>

<LI>Фобос

<LI>Деймос

</OL>

<LI>Уран

<OL>

<LI>Ариэль

<LI>Умбриэль

<LI>Титания

<LI>Оберон

<LI>Миранда

</OL>

<LI>Нептун

<OL>

<LI>Тритон

<LI>Нереида

</OL>

</UL>

</BODY>

</HTML>

Примечание

Язык HTML не допускает автоматическую многоуровневую нумерацию HTML списков, как это делают мощные текстовые редакторы.

Вложенные HTML списки

Рис. 2.6. Простейший пример вложенного списка

Вложенные HTML списки

Рис. 2.7. Пример многоуровневого списка в HTML-документе

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