ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP КАК СДЕЛАТЬ W3.CSS JQUERY XML БОЛЬШЕ 🔍 ◑ КНИГИ УПРАЖНЕНИЯ СПРАВОЧНИКИ
HTML теги. Полный справочник

HTML тег <ul>

❮ Prev Полный HTML справочник Next ❯

Пример

Неупорядоченный 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;
}
Попробуйте сами »
❮ Prev Полный HTML справочник Next ❯