Создание вложенных списков

We use cookies. Read the Privacy and Cookie Policy

Создание вложенных списков

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

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

В листинге 2.11 представлен код для создания вложенного списка.

Листинг 2.11. Вложенные списки

<html>

<head>

<title>Списки</title>

<body>

<ol>

<li>

Открой дверь

<ul>

<li>Ключом</li>

<li>Отмычкой</li>

</ul>

</li>

<li>

Зайди в квартиру

<ul>

<li>Тихо шагая</li>

<li>Громко топая</li>

</ul>

</li>

<li>Ложись спать</li>

</ol>

</body>

</html>

На рис. 2.11 можно увидеть, как выглядит вложенный список.

Рис. 2.11. Вложенный список

Видно, что элементы внутренних списков отступают от элементов списка более высокого уровня.

Мы разобрались с большей частью оформления текста, правда, осталось самое главное – то, на чем основан Интернет, – ссылки.

Данный текст является ознакомительным фрагментом.