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

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

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

В 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. Вложенный список

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

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

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

Просмотр и сохранение вложенных файлов

Из книги Компьютер на 100. Начинаем с Windows Vista автора Зозуля Юрий

Просмотр и сохранение вложенных файлов Если в письме имеются вложенные файлы, то в списке сообщений оно будет отмечено значком скрепки. В области просмотра также появится скрепка, щелчок кнопкой мыши на которой открывает список вложенных файлов. Присоединенные файлы


Несколько слов о вложенных делегатах

Из книги Язык программирования С# 2005 и платформа .NET 2.0. [3-е издание] автора Троелсен Эндрю

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


Список вложенных элементов управления

Из книги Word 2007.Популярный самоучитель автора Краинский И

Список вложенных элементов управления Первой из рассматриваемых здесь Особенностей System.Web.UI.Control является то, что все Web-элементы управления (это также относится и к Page) наследуют коллекцию пользовательских элементов управления (доступную с помощью свойства Controls). Во


4.5. Создание списков

Из книги Самоучитель работы на компьютере автора Колисниченко Денис Николаевич

4.5. Создание списков Очень часто бывает необходимо выделить какие-нибудь части текста визуально (например, при перечислении). Простое выделение абзаца не дает должного эффекта. В этом случае есть смысл воспользоваться маркерами или нумерацией. Маркеры объединяют пункты,


13.6.5. Создание списков

Из книги Искусство программирования для Unix автора Реймонд Эрик Стивен

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


14.6. Создание списков

Из книги HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов. автора Дронов Владимир

14.6. Создание списков Предположим, нам нужно создать небольшой список. Например, список сотрудников и их мобильных телефонов. Или же список доходов нашего магазина. В первом случае у нас будут три заголовка — Номер (сотрудника), Фамилия и Телефон. Во втором случае — Дата и


Скрытие и открытие вложенных списков

Из книги XSLT автора Хольцнер Стивен

Скрытие и открытие вложенных списков Вложенные списки в полосе навигации чрезвычайно громоздки. Как бы сделать так, чтобы все они были скрыты и появлялись только при щелчке на пункте "внешнего" списка, в который они вложены?Легко!— Изначально все вложенные списки у нас


Скрытие и открытие вложенных списков

Из книги Программирование на языке Пролог для искусственного интеллекта автора Братко Иван

Скрытие и открытие вложенных списков Вложенные списки в полосе навигации чрезвычайно громоздки. Как бы сделать так, чтобы все они были скрыты и появлялись только при щелчке на пункте "внешнего" списка, в который они вложены?Легко!— Изначально все вложенные списки у нас


3.1. Представление списков

Из книги Искусство программирования на языке сценариев командной оболочки автора Купер Мендель

3.1. Представление списков Список — это простая структура данных, широко используемая в нечисловом программировании. Список — это последовательность, составленная из произвольного числа элементов, например энн, теннис, том, лыжи. На Прологе это записывается так:[ энн,


6.2.2. Вывод списков

Из книги HTML, XHTML и CSS на 100% автора Квинт Игорь

6.2.2. Вывод списков Кроме стандартного прологовского формата для списков существуют несколько других естественных форм их внешнего представления, которые в некоторых ситуациях являются более предпочтительными. Следующая процедуравывспис( L)выводит список L так, что


4.2.4. Создание групповых списков рассылки

Из книги автора

4.2.4. Создание групповых списков рассылки Используя групповые списки рассылки, вы сможете одним щелчком мыши отправить сообщения сразу всем адресатам, входящим в одну конкретную группу. Для создания группы необходимо выполнь следующее:1. Щелкнуть по кнопке «+»,


Пример 24-3. Комбинирование "ИЛИ-списков" и "И-списков"

Из книги автора

Пример 24-3. Комбинирование "ИЛИ-списков" и "И-списков" #!/bin/bash# delete.sh, утилита удаления файлов.# Порядок использования: delete имя_файлаE_BADARGS=65if [ -z "$1" ]then echo "Порядок использования: `basename $0` имя_файла" exit $E_BADARGS # Если не задано имя файла.else file=$1 # Запомнить имя файла.fi[ ! -f "$file" ]


2.4. Создание списков

Из книги автора

2.4. Создание списков Простые списки можно создать с помощью обрывов страниц, но HTML предлагает для этого лучший инструмент.Списки – важный инструмент, они применяются для организации и группировки данных. Это может пригодиться при создании карты сайта (то есть его


3.10. Создание вложенных таблиц

Из книги автора

3.10. Создание вложенных таблиц Существуют такие моменты, когда необходимо создать ячейки, границы которых не должны совпадать (рис. 3.14). Здесь атрибут colspan бессилен. Рис. 3.14. Сложная HTML-таблицаКоманды, управляющие созданием и отображением таблиц, допускают вложение одного