Последние учебники веб-разработки
 

HTML <ul> Tag


пример

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

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
Попробуй сам "

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


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

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

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


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

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

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

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

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


Отличия между HTML 4.01 и HTML5

"Компактного" и атрибуты "типа" не поддерживаются в 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;
}
Попробуй сам "