Списки – группировка и упорядочивание информации
С помощью списков легко произвести группировку данных в блоки или организовать оглавление. Имеется возможность создавать различные списки.
Списки:
UL – Маркированный список.
OL – Нумерованный список.
DL – Список определений
Формат представления маркированных списков:
<ul>
<li>Элемент списка</li>
<li>Элемент списка</li>
</ul>
Тег <ul> и <li> имеет один атрибут – TYPE который определяет вид маркера.
Значения атрибута TYPE:
circle – Маркер в виде окружности;
square – Маркер в виде квадрата;
disk – Маркер в виде круга.
Тег <li> определяет вид маркера заданный для списка, но можно для каждого элемента списка задать свой маркер или изображение. Контейнер <ul> необходим что бы определить элементы списка и установить для них отступ.
Пример использования маркированных списков
| Маркер |
Код |
Вид |
| Окружность |
<ul type="circle">
<li>Красный</li>
<li>Желтый</li>
<li>Зеленый</li></ul> |
|
| Круг |
<ul type="disk">
<li>Красный</li>
<li>Желтый</li>
<li>Зеленый</li>
</ul> |
|
| Квадрат |
<ul type="square">
<li>Красный</li>
<li>Желтый</li>
<li>Зеленый</li>
</ul> |
|
| произвольный |
<ul>
<li>type="circle">Красный</li>
<li type="square">Желтый</li>
<litype="disk">Зеленый</li>
</ul> |
|
| Изображение |
<ul>
<img scr="изображение">Красный<br>
<img
scr="изображение">Желтый<br>
<img
scr="изображение">Зеленый<br>
</ul> |
 Черный
Красный
 Черный
Красный
|
Формат представления упорядоченных списков:
<ol>
<li>Элемент списка</li>
<li>Элемент списка</li>
</ol>
Тег <ol> имеет атрибуты – TYPE (задаёт символ нумерации) и START (указывает с какой позиции начать нумерацию в блоке).
Значения атрибута TYPE:
A – Нумерация заглавными буквами английского алфавита;
a – Нумерация строчными буквами английского алфавита;
I – Нумерация заглавными римскими цифрами;
i – Нумерация строчными римскими цифрами;
1 – Нумерация арабскими цифрами.
Пример использования упорядоченных списков
| Маркер |
Код |
Вид |
| Буквенный |
<ol type="A">
<li>Красный</li>
<ol type="A">
<li>Розовый</li>
<li>Бордовый</li>
</ol><li>Желтый</li>
<li>Зеленый</li>
</ol> |
- Красный
- Розовый
- Бордовый
- Желтый
- Зеленый
|
| Цифровой римский |
<ol type="i">
<li>Красный</li>
<ol type="I">
<li>Розовый</li>
<li>Бордовый</li>
</ol><li>Желтый</li>
<li>Зеленый</li>
</ol> |
- Красный
- Розовый
- Бордовый
- Желтый
- Зеленый
|
| Смешанный |
<ol type="1">
<li>Красный</li>
<ol type="i">
<li>Розовый</li>
<li>Бордовый</li>
</ol><li>Желтый</li>
<li>Зеленый</li>
</ol> |
- Красный
- Розовый
- Бордовый
- Желтый
- Зеленый
|
В языке HTML имеется СПИСОК ОПРЕДЕЛЕНИЙ, который используется для пояснения различных терминов (в частности словари). Элементы списка определений состоят их двух частей, термина и его описания.
Формат представления списка определений:
<dl>
<dt>Термин</dt><dd>Описание</dd>
<dt>Термин</dt><dd>Описание</dd>
</dl>
Вид отображения:
- USD
- Доллар. Платежная единица США.
- GB
- Великобритания.
Списки можно комбинировать. Вкладывая
один список в другой можно придать
информации наглядность, а использовав
стили оформления красивый вид.
| 
