Тег UL

Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается
HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Тег <UL> задает маркированный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <UL> применяется таблица стилей, то элементы <LI> наследуют эти свойства.

Синтаксис

<ul>
 <li>элемент маркированного списка</li>
</ul>

Параметры

type Задает вид маркера списка.

Закрывающий тег

Обязателен.

Пример 1. Использование тега <UL>

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример использования тега UL</title>
</head>
<body>
Российские города-миллинники:<br>
<ul type="circle">
<li>Москва</li>
<li>Санкт-Петербург</li>
<li>Новосибирск</li>
<li>Екатеринбург</li>
<li>Нижний Новгород</li>
<li>Самара</li>
<li>Омск</li>
<li>Казань</li>
<li>Челябинск</li>
<li>Ростов-на-Дону</li>
<li>Уфа</li>
</ul>
</body>
</html>

Описание параметров тега <UL>

Параметр TYPE

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает вид маркера.

Синтаксис

Аргументы

Для маркированного списка маркеры могут принимать один из трех видов: круг, окружность и квадрат. Значения параметра type и получаемый вид показан в табл. 1.

Табл 1. Параметры маркированного списка
Код Пример
<ul type="disc">
...
</ul>
  • Москва
  • Санкт-Петербург
  • Новосибирск
  • Екатеринбург
  • Нижний Новгород
  • Самара
  • Омск
  • Казань
  • Челябинск
  • Ростов-на-Дону
  • Уфа
<ul type="circle">
...
</ul>
  • Москва
  • Санкт-Петербург
  • Новосибирск
  • Екатеринбург
  • Нижний Новгород
  • Самара
  • Омск
  • Казань
  • Челябинск
  • Ростов-на-Дону
  • Уфа
<ul type="square">
...
</ul>
  • Москва
  • Санкт-Петербург
  • Новосибирск
  • Екатеринбург
  • Нижний Новгород
  • Самара
  • Омск
  • Казань
  • Челябинск
  • Ростов-на-Дону
  • Уфа

Значение по умолчанию

disc

Аналог в CSS

list-style-type

Пример 2. Установка типа маркера

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега UL, параметр type</title>
</head>
<body>
Российские города-миллинники:<br>
<ul type="circle">
<li>Москва</li>
<li>Санкт-Петербург</li>
<li>Новосибирск</li>
<li>Екатеринбург</li>
<li>Нижний Новгород</li>
<li>Самара</li>
<li>Омск</li>
<li>Казань</li>
<li>Челябинск</li>
<li>Ростов-на-Дону</li>
<li>Уфа</li>
</ul>
</body>
</html>

Комментарий