Списки
Маркированные, нумерованные списки и списки описаний.
Все уроки · Уроки 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>