Программирование

Списки

Маркированные, нумерованные списки и списки описаний.

Все уроки · Уроки HTML: учимся с нуля

Маркированные и нумерованные списки

Если порядок пунктов неважен, берите <ul> (маркированный), если важен — <ol> (нумерованный). Каждый пункт — элемент <li>. У <ol> есть атрибуты start и reversed.

<h3>Shopping</h3>
<ul>
  <li>Bread</li>
  <li>Cheese</li>
  <li>Tomatoes</li>
</ul>

<h3>Tea in 3 steps</h3>
<ol>
  <li>Boil water</li>
  <li>Add tea</li>
  <li>Wait five minutes</li>
</ol>

Вложенные списки

Вложенный список помещают внутрь <li>, до закрывающего тега этого пункта. Такая структура — основа меню и оглавлений.

<ul>
  <li>Frontend
    <ul>
      <li>HTML</li>
      <li>CSS</li>
    </ul>
  </li>
  <li>Backend</li>
</ul>

Списки описаний

Для пар «термин — пояснение» есть <dl>: <dt> — термин, <dd> — его объяснение. Подходит для глоссариев и списков свойств.

<dl>
  <dt>HTML</dt>
  <dd>The language that structures a page.</dd>
  <dt>CSS</dt>
  <dd>The language that styles it.</dd>
</dl>

Автор: Nibras Code