HTML тег <ul>

Поддержка браузерами

Описание

Маркированный (неупорядоченный) список представляет собой множество элементов, между которыми нет порядка следования. Самые распространенные неупорядоченные списки в интернете - списки гиперссылок на другие документы (например: меню, представляющее собой ненумерованный список HTML).

Для создания маркированного списка в HTML используется тег <ul> (unordered list), который сообщает браузеру, что всё, следующее за ним, вплоть до закрывающего тега </ul>, представляет собой маркированный список. Каждый элемент маркированного списка определяется тегом <li>. Кроме этого, в элементы списка можно вставить практически любое содержимое, включая другие списки, изображения, текст и т.д.

HTML тег <ul> является блочным элементом, при отображении он будет занимать всю доступную ему ширину, а размер высоты будет зависеть от количества содержимого. По умолчанию браузер предваряет каждый элемент списка специальным маркером и располагает каждый элемент с новой строки, применяя к нему небольшой отступ от левого края.

Примечание: для изменения типа маркера используйте CSS свойство list-style-type или свойство list-style-image, позволяющее заменять маркеры на изображения.

Для создания нумерованных (упорядоченных) списков используйте тег <ol>.

Атрибуты

Тег <ul> поддерживает Глобальные атрибуты и События

Стиль по умолчанию

ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}  

Пример

<ul>
  <li>Кофе</li>
  <li>Чай</li>
  <li>Молоко</li>
</ul>

Результат данного примера в окне браузера: