HTML Тег <ul>

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

Пример

Неупорядоченный HTML список:

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

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

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

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

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

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

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

Поддержка браузеров <ul>

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

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

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

События атрибутов <ul>

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

Еще примеры <ul>

Пример

Выделяют различные типы стилей (с помощью 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>

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