Урок 4. Создание списков
dorofeeva 3-11-2012, 16:29 4 924 Уроки по HTMLС помощью тегов языка HTML можно создать три различных вида списков: маркированный, нумерованный и список определений.
Комбинируя эти виды, можно создавать списки разной степени вложенности.
Рассмотрим пример:
Маркированный список |
Нумерованный список |
Список определений |
|
1. Понедельник 2. Вторник 3. Среда 4. Четверг 5. Пятница |
|
Начнем с маркированного списка:
Создается он с помощью тега <UL>
Общий вид:
<UL>
<LI>Элемент списка</LI>
<LI>Элемент списка</LI>
<LI>Элемент списка</LI>
...
</UL>
По умолчанию маркер списка - кружок. Но маркер можно поменять с помощью атрибута type:
<UL type=circle> - окружность;
<UL type=disc> - круг;
<UL type=square> - квадрат.
![]() |
![]() |
Маркированные списки можно вкладывать один в другой, получая при этом многоуровневые списки:
![]() |
![]() |
Следующий это нумерованный список:
Создается он с помощью тега <OL>
Общий вид:
<OL>
<LI>Элемент списка</LI>
<LI>Элемент списка</LI>
<LI>Элемент списка</LI>
...
</OL>
По умолчанию списки нумеруются арабскими цифрами. Но вид номера можно поменять с помощью атрибута type:
<OL type="I"> - римские большие цифры;
<OL type="i"> - римские маленькие цифры;
<OL type="A"> - большие буквы английского алфавита;
<OL type="a"> - маленькие буквы английского алфавита.
![]() |
![]() |
Из нумерованных списков тоже можно делать многоуровневые списки.
![]() |
![]() |
Впрочем, списки определений используются, насколько мне известно, достаточно редко.
Кстати, вы, наверное, обратили внимание, что на этом сайте маркер у маркированных списков выглядит как кружок зеленого цвета. Просто с помощью тегов HTML так сделать сложно, а вот с помощью CSS - каскадных таблиц стилей - это совсем просто. Так что читайте и уроки по CSS.