Александр Чиртик - HTML - Популярный самоучитель

• Первый элемент
  
  
• Второй элемент
  
  

Список с разными маркерами элементов

• Закрашенный круг
  
  
• Окружность (type = circle)
  
  
• Квадрат (type = square)
  
  

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

Нумерованный список в тексте HTML‑документа обозначается элементом OL при помощи парных тегов

и

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

• compact – заставляет браузер отображать список компактно;

• type – задает тип нумерации элементов списка, доступные значения: 1 (используются арабские цифры, по умолчанию), I или i (большие или малые римские цифры), A или a (большие или малые буквы латинского алфавита);

• start – номер первого элемента списка (при задании start нужно учитывать тип нумерации элементов списка, например номеру 5 соответствует латинская буква E).

Атрибут start часто используется, когда нужно продолжить нумерацию предшествующего списка после отрывка текста, не являющегося элементом ни одного списка (например, после пояснения элемента предшествующего списка). В примере 4.2 показано использование различных типов нумерации списков.

Нумерация арабскими цифрами

1. Первый элемент
   
   
2. Второй элемент
   
   

Продолжение нумерации, но большими римскими цифрами

1. Третий элемент
   
   
2. Четвертый элемент
   
   

Новый список, нумерация большими латинскими буквами

1. Первый элемент
   
   
2. Второй элемент
   
   

Списки, использованные в примере 4.2, выглядят в окне браузера так, как показано на рис. 4.2.

Рис. 4.2. Нумерованные списки

Значение атрибута type можно отдельно указать для любого элемента списка. Кроме того, для элементов нумерованного списка можно задать значение атрибута value. Его действие аналогично атрибуту start элемента OL с тем лишь отличием, что он изменяет нумерацию, начиная с того элемента, для которого указано значение атрибута value. Например, задание атрибута value так, как сделано ниже в примере 4.3, приведет к результату, который показан на рис. 4.3.

Рис. 4.3. Изменение нумерации внутри элементов списка

1. Первый элемент
   
   
2. Второй элемент
   
   
3. Третий элемент
   
   
4. Четвертый элемент
   
   
5. Пятый элемент
   
   

Может возникнуть вопрос: что произойдет, если задать нумерацию буквами такого длинного списка, на элементы которого не хватит и всех букв латинского алфавита? Ответ таков: для нумерации элементов списка с 27‑го элемента используются две латинские буквы (например, AA, AB, AC и т. д.), с 703‑го элемента используются 3 латинские буквы и т. д.

Интересной разновидностью списков являются списки определений. Как можно догадаться из названия, первоначально эти списки были введены для более наглядного представления определений терминов.

Список определений задается внутри HTML‑элемента DL (для его задания используются парные теги

и ). Каждый элемент списка определений состоит из двух частей: из термина (HTML‑элемент DT) и определения термина (HTML‑элемент DD). Пример текста HTML‑документа, содержащего список определений, приведен ниже (пример 4.4). HTML


Широко используемый язык гипертекстовой разметки

WWW


От англ. World Wide Web, глобальная сеть из соединенных между собой гипертекстовых документов

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

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

Все особенности использования закрывающих тегов и аналогичны особенностям использования тега

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

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

Читать дальше