Тег <ul> HTML маркированный список

Рейтинг: 5 из 5, голосов 1
+++++

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

Маркированный список широко используется к коде HTML страниц. Помимо прямого применения тега <ul> для структурирования данных в виде маркированных списков, связку <ul> - <li> часто используют для верстки меню сайта, как одноуровневого, так и многоуровневого.

Вид маркера, отображаемого возле пунктов списка <ul> можно задать с помощью CSS свойств.

Элемент списка определяется тегом <li> и должен находиться внутри тега <ul>.

Чтобы создать многоуровневый список, необходимо поместить код вложенного списка в элемент <li>, для которого нужно создать подуровень.

Помимо маркированного списка в HTML можно создать нумерованный список. Для этого следует использовать тег <ol>.

Тип маркера, его положение можно изменить при помощи CSS свойств. Подробнее на странице: Создание списков. Все о HTML списках.

Синтаксис

<ul>элементы_списка_li</ul>

Отображение в браузере

  • Меркурий
  • Венера
  • Земля
  • Марс
  • Юпитер
  • Сатурн
  • Уран
  • Нептун

Пример использования <ul> в HTML коде

<!DOCTYPE html>
<html>
<head>
<title>Маркированный список ul в HTML</title>
</head>
<body>
<ul>
<li>Меркурий</li>
<li>Венера</li>
<li>Земля</li>
<li>Марс</li>
<li>Юпитер</li>
<li>Сатурн</li>
<li>Уран</li>
<li>Нептун</li>
</ul>
</body>
</html>

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

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
<ul> Да Да Да Да Да

Атрибуты тега <ul>

В HTML5 тег <ul> не имеет атрибутов. При необходимости используйте CSS. Тег <ul> также поддерживает глобальные HTML атрибуты.

Устаревшие атрибуты

Атрибут Значение Описание
compact

compact
пусто

Логический атрибут. Указывает, что список должен быть выведен меньшим размером шрифта.
type

disc
square
circle

Определяет тип маркера пунктов списка.
Оцените, насколько полезна эта страница
+++++
Оставьте комментарий

Отправляя форму, я даю согласие на обработку персональных данных.