HTML Тег <ul>

❮ Назад HTML Справочник Далее ❯

Пример

Ненумерованный HTML список:

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

Попробуйте сами »

Другие примеры "Попробуйте сами" ниже.

Определение и использование

Тег <ul> определяет ненумерованный (маркированный) список.

Используйте тег <ul> вместе с тегом <li> для создания ненумерованных списков.

Совет: Используйте CSS для стилизации списков.

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

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

Элемент
<ul>	Да	Да	Да	Да	Да

Глобальные атрибуты

Тег <ul> также поддерживает глобальные атрибуты в HTML.

Атрибуты событий

Тег <ul> также поддерживает атрибуты событий в HTML.

Другие примеры

Пример

Установите различные типы стилей списка (с помощью CSS):

<ul style="list-style-type:circle">
<li>Кофе</li>
<li>Чай</li>
<li>Молоко</li>
</ul>

<ul style="list-style-type:disc">
<li>Кофе</li>
<li>Чай</li>
<li>Молоко</li>
</ul>

<ul style="list-style-type:square">
<li>Кофе</li>
<li>Чай</li>
<li>Молоко</li>
</ul>

Попробуйте сами »

Пример

Увеличьте и уменьшите межстрочный интервал в списках (с помощью CSS):

<ul style="line-height:180%">
<li>Кофе</li>
<li>Чай</li>
<li>Молоко</li>
</ul>

<ul style="line-height:80%">
<li>Кофе</li>
<li>Чай</li>
<li>Молоко</li>
</ul>

Попробуйте сами »

Пример

Создайте список внутри списка (вложенный список):

<ul>
<li>Кофе</li>
<li>Чай
    <ul>
      <li>Черный чай</li>
      <li>Зеленый чай</li>
    </ul>
</li>
<li>Молоко</li>
</ul>

Попробуйте сами »

Пример

Создайте более сложный вложенный список:

<ul>
<li>Кофе</li>
<li>Чай
    <ul>
      <li>Черный чай</li>
      <li>Зеленый чай
        <ul>
          <li>Китай</li>
          <li>Африка</li>
        </ul>
      </li>
    </ul>
</li>
<li>Молоко</li>
</ul>

Попробуйте сами »