Списки в HTML

248
посл. ред. 23.06.2016

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

Нумерованный список создается тегом <ol></ol>. Каждый элемент помещается в тег <li></li>.

<ol>
  <li>1-й элемент</li>
  <li>2-й элемент</li>
</ol>
  1. 1-й элемент
  2. 2-й элемент

Ненумерованный список создается тегом <ul></ul>. В остальном отличий нет.

<ul>
  <li>1-й элемент</li>
  <li>2-й элемент</li>
</ul>
  • 1-й элемент
  • 2-й элемент

Элементом списка может быть всё, что угодно. Внутри списка могут находиться и другие списки:

<!DOCTYPE html>
<html>
<head>
  <title>HTML</title>
</head>
<body>
  <ul>
    <li>
      <ul>
        <li>1-й элемент</li>
        <li>2-й элемент</li>
      </ul>
    </li>
    <li>
      <ol>
        <li>3-й элемент</li>
        <li>4-й элемент</li>
      </ol>
    </li>
  </ul>
</body>
</html>
    • 1-й элемент
    • 2-й элемент
    1. 3-й элемент
    2. 4-й элемент