САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <ul>


Пример

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

<ul>
  <li>Кофе</li>
  <li>Чай</li>
  <li>Молоко</li>
</ul>
Попробуйте сами »

Больше примеров "Попробуйте сами" ниже.


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

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

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


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

Элемент
<ul> Yes Yes Yes Yes Yes

Советы и примечания

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

Различия между HTML 4.01 и HTML5

Атрибуты "compact" и "type" не поддерживаются в HTML5.


Атрибуты

Атрибут Значение Описание
compact compact Не поддерживается в HTML5.
Указывает, что список должен отображаться меньше, чем обычно
type disc
square
circle
Не поддерживается в HTML5.
Определяет тип маркера для использования в списке

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

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


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

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


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

Вложенный список
Список внутри списка.

Другой вложенный список
Более сложный вложенный список.


Связанные страницы

HTML учебник: HTML Списки

HTML DOM справочник: Объект Ul

CSS учебник: Стилизация списков


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <ul> со следующими значениями по умолчанию:

Пример

ul {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1 em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}
Попробуйте сами »