В веб-дизайне списки используются для представления ряда связанных элементов. HTML предлагает два основных типа списков: маркированные и нумерованные.
Маркированный список в HTML создается с помощью тега <ul>, что означает “unordered list” (неупорядоченный список). Внутри этого тега каждый пункт списка обозначается тегом <li>, который означает “list item” (элемент списка). Пример кода маркированного списка:
<ul>
<li>Кофе</li>
<li>Чай</li>
<li>Молоко</li>
</ul>Результатом будет список, где каждый пункт помечен маркером (обычно точкой).
Нумерованный список в HTML, или упорядоченный список, создается с помощью тега <ol> (“ordered list”). Элементы списка также обозначаются как <li>. Пример кода нумерованного списка:
<ol>
<li>Проснуться</li>
<li>Завтракать</li>
<li>Идти на работу</li>
</ol>На странице появится список с числовой маркировкой перед каждым элементом.
HTML дает возможность настроить вид списков, используя атрибуты или стили CSS. Например, можно изменить тип маркера в маркированном списке или формат номерации в нумерованном списке.
Использование списков делает содержимое страниц более структурированным и понятным для пользователей.