< к оглавлению

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

<ul>
  <li> ... </li>
  <li> ... </li>
  . . . . . . . 
</ul>
  • элемент
  • элемент
  • элемент
  • элемент
Неупорядоченный (маркированный) список

ul - unordered list - англ. неупорядоченный список
li - list item - англ. пункт списка
<оl>
  <li> ... </li>
  <li> ... </li>
  . . . . . . .
</оl>
  1. элемент
  2. элемент
  3. элемент
  4. элемент
Упорядоченный (нумерованный список)

оl - ordered list - англ. упорядоченный список
li - list item - англ. пункт списка
<dl>
  <dt> ... </dt>
      <dd> ... </dd>
  <dt> ... </dt>
      <dd> ... </dd>
  . . . . . . . 
</dl>
термин
описание
термин
описание
термин
описание
Список определений

dl - definition list - англ. список определений
dt - definition term - англ. определяемый термин
dd - definition description - англ. определяющее описание



2. Изменение облика списков

а) Неупорядоченный список

В неупорядоченном (маркированном) списке в дескриптор <ul> может быть вставлен атрибут type="значение", что приводит к изменению внешнего вида маркера. Также данный атрибут можно вставить в любой дескриптор <li> (если, к примеру, нужно, чтобы некоторые определённые элементы списка немного отличались от других).
<ul>
  <li type=disc> ... </li>
  <li type=circle> ... </li>
  <li type=square> ... </li>
</ul>
  • disc - англ. диск
  • circle - англ. круг
  • square - англ. квадрат
(по умолчанию используется type=disc, если данный список не является вложенным в другой список)

б) Упорядоченный список

В упородоченном (нумерованном) списке с помощью вставки в дескриптор <ol> атрибута type="значение" можно изменить вид нумерации (5 вариантом, см. таблицу внизу). Если данный атрибут явно не указан, то элементы списка нумеруются арабскими цифрами (т.е. так, как если бы было написано type=1).
<ol type=1>
  <li> ... </li>
  <li> ... </li>
  <li> ... </li>
</ol>
  1. элемент списка
  2. элемент списка
  3. .
  4. элемент списка
  5. элемент списка
<ol type=i>
  <li> ... </li>
  <li> ... </li>
  <li> ... </li>
</ol>
  1. элемент списка
  2. элемент списка
  3. .
  4. элемент списка
  5. элемент списка
<ol type=I>
  <li> ... </li>
  <li> ... </li>
  <li> ... </li>
</ol>
  1. элемент списка
  2. элемент списка
  3. .
  4. элемент списка
  5. элемент списка
<ol type=a>
  <li> ... </li>
  <li> ... </li>
  <li> ... </li>
</ol>
  1. элемент списка
  2. элемент списка
  3. .
  4. элемент списка
  5. элемент списка
<ol type=A>
  <li> ... </li>
  <li> ... </li>
  <li> ... </li>
</ol>
  1. элемент списка
  2. элемент списка
  3. .
  4. элемент списка
  5. элемент списка
Атрибут type="значение" также можно вставить и в любой дескриптор <li> (если, к примеру, если вам захочется, чтобы значимые пункты нумеровались через прописную букву, а малозначимые через строчную). Также можно отдать браузеру распоряжение начать нумерацию списка не с начала, а с какого либо другого значения, для этого в дескриптор <ol> необходимо добавить атрибут start="цифра", где цифра указывает номер, присваиваемый первому элементу. (Указывается именно цифра, даже если нумерация идёт буквами.) К примеру
<o type=A start=4>
  <li> ... </li>
  <li> ... </li>
  <li type=a> ... </li>
  <li> ... </li>
</ol>
  1. элемент списка
  2. элемент списка
  3. элемент списка
  4. элемент списка


< к оглавлению