Шаг 30.
Вложенные списки

    На этом шаге мы расмотрим вложенные списки.

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

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

    На следующем шаге мы приведем примеры использования списков.

Предыдущий шаг Содержание Следующий шаг