UL
Тег UL
| Браузер | Internet Explorer | Netscape | Opera | Safari | Mozilla | Firefox | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Версия | 5.5 | 6.0 | 7.0 | 6.0 | 7.0 | 8.0 | 7.0 | 8.0 | 9.0 | 1.0 | 1.7 | 1.0 | 2.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>
<ul>
<li>Чебурашка</li>
<li>Крокодил Гена</li>
<li>Шапокляк</li>
</ul>
</body>
</html>
Результат данного примера показан на рис. 1.
Рис. 1. Вид маркированного списка в браузере
Описание параметров тега <UL>
Параметр TYPE
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Устанавливает вид маркера.
Синтаксис
<ul type="disc | circle | square">…</ul>
Аргументы
Для маркированного списка маркеры могут принимать один из трех видов: круг,
окружность и квадрат. Значения параметра type и
получаемый вид показан в табл. 1.
| Код | Пример |
|---|---|
| <ul type="disc">
… |
|
| <ul type="circle">
… |
|
| <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>
<ul type="circle">
<li>Чебурашка</li>
<li>Крокодил Гена</li>
<li>Шапокляк</li>
</ul>
</body>
</html>
Результат данного примера показан на рис. 2.
Рис. 2. Маркеры в виде окружности в браузере Opera