Создание вложенных списков
Из предыдущего практикума вы узнали, как создавать упорядоченные и неупорядоченные списки. Можно также создавать упорядоченные и неупорядоченных списки внутри других списков; иными словами, можно создать вложенный список (nested list). Вложенный список можно использовать для отображения набора действий, которые требуется выполнить на том или ином шаге внешнего списка, как показано на рис. 1.22.
Рис. 1.22. Web-страница с упорядоченным вложенным списком
ПРАКТИКУМ
Шаг 3 приведенного списка требует более подробного объяснения, нежели просто "загрузите программу". Здесь можно воспользоваться вставкой вложенного списка для описания действий, которые необходимо выполнить для загрузки программы. Следующий HTML-код описывает вставку показанного выше вложенного списка:
<html><head>
<title>Пример упорядоченного вложенного списка</title>
</head><body>
<b>Загруэка программы</b>
<ol>
<li>Вставьте компакт-диск в привод компьютера.</li>
<li>Щелкните на пиктограмме "Пуск".</li >
<li>Загрузите программу:</li>
<ol type="a">
<li>Выполните двойной щелчок на пиктограмме игры.</li><li>Введите серийный номер.</li><li>Щелкните на кнопке "Готово".</li>
</ol>
<li>Играйте!</li>
</ol>
</body></html>
В данном примере вложенный список представляет собой упорядоченный список, определенный начальным и конечными дескрипторами упорядоченного списка (<ol></ol>). Упорядоченный список является вложенным, поскольку начальный и конечный дескрипторы упорядоченного списка (<ol></ol>) находятся внутри внешней пары начального и конечного дескрипторов упорядоченного списка (<ol></ol>). (Фразы между начальным и конечными дескрипторами элемента списка (<li></li> ) выводятся на экран в виде элементов каждого списка (и внешнего, и вложенного).)
Хотя кодирование вложенных списков может показаться сложным, при создании вложенного списка вы следуете тем же правилам, что и при создании внешнего списка. Определите вложенный список между парой начального и конечного дескрипторов упорядоченного списка (<ol></ol>) или между парой начального и конечного дескрипторов неупорядоченного списка (<ul></ul>). Затем добавьте элементы во вложенный список, вставляя текст между парами начальных и конечных дескрипторов элементов списка (<li></li>), вставленных после определения элемента списка во внешнем списке. Помните, что и упорядоченные, и неупорядоченные списки можно вкладывать во внешний список (который может быть упорядоченным или неупорядоченным списком).