HTML тег - ul - определение и примеры использования
Меню
Веб-разработка
Мои услуги на Kwork
Тег ul HTML

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


Тег <ul> - синтаксис и код

Тег <ul> представлен парами. Содержимое записывается между открывающим (<ul>) и закрывающим (</ul>) тегами.

Пример кода неупорядоченного HTML списка:

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>
  • HTML
  • CSS
  • JavaScript

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

  • HTML - тег <ul> определяет неупорядоченный (маркированный) список;
  • <ul> является элементом уровня блока и занимает все доступное горизонтальное пространство;
  • Каждый элемент неупорядоченного списка объявляется внутри тега <li>.
Рекомендация: Для упорядоченных списков используйте тег <ol>.
Примечание: Маркер элемента списка можно изменить с помощью CSS. Однако семантическое значение, выраженное выбором типа списка, не может быть изменено с помощью CSS.

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

Crome Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

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

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

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

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


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

Руководство по HTML: ненумерованные списки HTML


Настройки 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;
}


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой