Списки HTML

Для создания списка в HTML используются следующие теги:

<ol></ol>создают нумерованный список
<ul></ul>создают маркированный список
<li></li>обозначают пункт списка, помещается внутри тегов <ol></ol> или <ul></ul>

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

Нумерованный список
html кодрезультат
<ol> <li>Берлин</li> <li>Хельсинки</li> <li>Варшава</li> </ol>
  1. Берлин
  2. Хельсинки
  3. Варшава

Если вы хотите начать нумерованный список не с 1 , то следует указать начальное число в атрибуте start

Маркированный список
html кодрезультат
<ul> <li>Берлин</li> <li>Хельсинки</li> <li>Варшава</li> </ul>
  • Берлин
  • Хельсинки
  • Варшава

Вложенный список
html кодрезультатhtml кодрезультат
<ol> <li>Берлин</li> <li>Хельсинки <ol> <li>Южный округ</li> <li>Западный округ</li> </ol> </li> <li>Варшава</li> </ol>
  1. Берлин
  2. Хельсинки
    1. Южный округ
    2. Западный округ
  3. Варшава
 <ul> <li>Берлин</li> <li>Хельсинки <ul> <li>Южный округ</li> <li>Западный округ</li> </ul> </li> <li>Варшава</li> </ul>
  • Берлин
  • Хельсинки
    • Южный округ
    • Западный округ
  • Варшава

Список определений
html кодрезультат
<dl> <dt>Берлин</dt> <dd>Столица Германии</dd> <dt>Хельсинки</dt> <dd>Столица Финляндии</dd> <dt>Варшава</dt> <dd>Столица Польши</dd> <dl>
Берлин
Столица Германии
Хельсинки
Столица Финляндии
Варшава
Столица Польши