На этом шаге мы расмотрим вложенные списки.
В некоторых случаях требуется разместить в элементе списка одного типа целый список такого же или другого типа. Например, одним списком могут быть дни недели, каждый элемент которого в качестве подсписка содержит список уроков. Для организации таких конструкций используются многоуровневые или вложенные списки.
Приведем общую структуру вложенного списка, использовав для примера тэги <UL> и <OL>.
. . . . .
<UL> <!-- Начало основного списка. -->
<LI> 1-й элемент основного списка.
<OL><!-- Начало подсписка для 1-го элемента. -->
<LI> 1-й элемент подсписка.
<LI> 2-й элемент подсписка.
. . . . .
<LI> N-й элемент подсписка.
</OL><!-- Конец подсписка для 1-го элемента. -->
. . . . . . . . . . . . .
<LI> M-й элемент основного списка.
<OL><!-- Начало подсписка для M-го элемента. -->
<LI> 1-й элемент подсписка.
<LI> 2-й элемент подсписка.
. . . . .
<LI> R-й элемент подсписка.
</OL><!-- Конец подсписка для M-го элемента. -->
</UL> <!-- Конец основного списка. -->
. . . . .
В заключение приведем пример использования вложенных списков, создав HTML-документ, выводящий в окне браузера список спутников некоторых планет.
<HTML>
<HEAD>
<TITLE>Пример вложенного списка. </TITLE>
</HEAD>
<BODY>
<UL>
<B>Спутники некоторых планет.</B>
<LI>Земля
<OL>
<LI>Луна
</OL>
<LI>Марс
<OL>
<LI>Фобос
<LI>Деймос
</OL>
<LI>Уран
<OL>
<LI>Ариэль
<LI>Умбриэль
<LI>Титания
<LI>Оберон
<LI>Миранда
</OL>
<LI>Нептун
<OL>
<LI>Тритон
<LI>Нереида
</OL>
</UL>
</BODY>
</HTML>
Результат просмотра этого HTML-документа в браузере приведен на рисунке 1:
Рис.1. Отображение браузером вложенного списка
Задание. Измените HTML-документ
примера так, чтобы нумерация спутников была сквозной, а не начиналась каждый раз заново.
Решение и комментарии вы можете посмотреть здесь.
На следующем шаге мы приведем примеры использования списков.
