Тег 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 |
|---|
| Поддерживается | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да |
|---|
Описание
Тег <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
Описание
Устанавливает вид маркера.
Синтаксис
<ul type="disc | circle | square">...</ul>
Аргументы
Для маркированного списка маркеры могут принимать один из трех видов: круг, окружность и квадрат. Значения параметра 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>
<ul
type="circle">
<li>Чебурашка</li>
<li>Крокодил Гена</li>
<li>Шапокляк</li>
</ul>
</body>
</html>
Результат данного примера показан на рис. 2.
Рис. 2. Маркеры в виде окружности в браузере Opera
ПОЛЕЗНЫЕ СОВЕТЫ JAVASCRIPT + CSS