HTML, XHTML и CSS на 100%. Игорь Квинт. Читать онлайн. Newlib. NEWLIB.NET

Автор: Игорь Квинт
Издательство:
Серия:
Жанр произведения: Интернет
Год издания: 2010
isbn: 978-5-498-07594-5
Скачать книгу
на два оборота</li>

      <li>Достать ключ из замка</li>

      <li>Открыть дверь</li>

      </ol>

      <ol type="A">

      <li>Достать ключ</li>

      <li>Вставить ключ в замочную скважину</li>

      <li>Повернуть ключ по часовой стрелке на два оборота</li>

      <li>Достать ключ из замка</li>

      <li>Открыть дверь</li>

      </ol>

      <ol type="a">

      <li>Достать ключ</li>

      <li>Вставить ключ в замочную скважину</li>

      <li>Повернуть ключ по часовой стрелке на два оборота</li>

      <li>Достать ключ из замка</li>

      <li>Открыть дверь</li>

      </ol>

      <ol type="I">

      <li>Достать ключ</li>

      <li>Вставить ключ в замочную скважину</li>

      <li>Повернуть ключ по часовой стрелке на два оборота</li>

      <li>Достать ключ из замка</li>

      <li>Открыть дверь</li>

      </ol>

      <ol type="i">

      <li>Достать ключ</li>

      <li>Вставить ключ в замочную скважину</li>

      <li>Повернуть ключ по часовой стрелке на два оборота</li>

      <li>Достать ключ из замка</li>

      <li>Открыть дверь</li>

      </ol>

      </body>

      </html>

      Фрагмент отображения в браузере кода из листинга 2.8 показан на рис. 2.8.

      Рис. 2.8. Упорядоченные списки

      В примере созданы списки с различными типами нумерации, для списка с арабской нумерацией задан стартовый номер 6.

      При создании упорядоченных списков на элемент LI можно возложить дополнительные функции. Как и в примере с маркированными списками, в элементе LI можно задать вид нумерации конкретного пункта с помощью атрибута type. Помимо этого, с помощью атрибута value можно задать номер, с которого будет продолжена нумерация списка.

      В примере из листинга 2.9 представлен код для создания списка с разными типами нумерации и различным порядком следования элементов.

Листинг 2.9. Список с разными типами нумерации

      <html>

      <head>

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

      <body>

      <ol type="1" >

      <li type="1" value="10">Закрой дверь</li>

      <li>Сходи в магазин</li>

      <li value="1">Открой дверь</li>

      <li>Возьми деньги</li>

      <li type="I">Иди налево</li>

      <li type="I">Потом поверни направо</li>

      <li>Увидишь магазин</li>

      </ol>

      </body>

      </html>

      Результат обработки листинга 2.9 представлен на рис. 2.9.

      Рис. 2.9. Упорядоченный список с разной нумерацией

      Как видно из примера, порядок нумерации и тип ее отображения отделены друг от друга, изменение типа чисел не влияет на числовое обозначение пунктов.

      Список определений

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

      Список определений – это особый вид списка, который применяется для форматирования словарей или когда необходимо пояснять значения терминов.

      Особенность списка определений следует из его функций: элемент такого списка