>>> Перейти на полный размер сайта >>> Онлайн учебники на 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 списков, как это делают мощные текстовые редакторы.
Рис. 2.6. Простейший пример вложенного списка
Рис. 2.7. Пример многоуровневого списка в HTML-документе В заключение приведем пример реально существующей HTML-страницы, на которой имеется маркированный HTML список с тремя уровнями (рис. 2.7). На рисунке видно типовое применение многоуровневого списка для создания структуры типа оглавления разделов документа. Каждый элемент списка всех уровней представляет собой ссылку на соответствующий подраздел.
|