Тег UL

Браузер	Internet Explorer				Netтscape		Опера				Safari			Mozilla Firefox
Версия	5.5	6.0	7.0	8.0	8.0	9.0	7.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

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

Параметры

type: Устанавливает вид маркера списка.

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

Обязателен.

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!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=utf-8">
  <title>Тег UL</title>
 </head>
 <body>

  <ul>
    <li>Чебурашка</li>
    <li>Крокодил Гена</li>
    <li>Шапокляк</li>
  </ul>

 </body>
</html>

Результат данного примера показан на рис. 1.

Рис. 1

Рис. 1. Вид маркированного списка в браузере

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

Параметр TYPE

ШТМЛ:

3.2

XШТМЛ:

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. Установка типа маркера

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  <title>Тег UL, параметр type</title>
 </head>
 <body>

  <ul type="circle">
    <li>Чебурашка</li>
    <li>Крокодил Гена</li>
    <li>Шапокляк</li>
  </ul>

 </body>
</html>

Результат данного примера показан на рис. 2.

Рис. 2

Рис. 2. Маркеры в виде окружности в браузере Опера