Урок №4. Списки в HTML: ul, ol, dl
Теги списков в HTML: ul, ol, dl.
В html поддерживается 3 вида списков: маркированные, нумерованные, список определений.
Начнем с маркированного списка.
ul — HTML-тег маркированного списка
Маркированный список создается с помощью закрывающегося тега <ul>…</ul>.
Внутри этого тега располагаются теги <li>, которые содержат каждый конкретный пункт списка.
Тег <li> закрывающийся тег, но может и не закрываться.
Пример можете посмотреть в файле lesson4.html, находящийся в архиве: Архив 4 урока view sourceprint?
1.<ul>
2.<strong>Виды спорта</strong>
3.<li>Хоккей
4.<li>Футбол</li>
5.<li>Баскетбол
6.</ul>
Параметры тега <ul>:
<ul
compact — компактное представление списка;
type= disc — маркер — закрашенный кружок;
circle — маркер — не закрашенный кружок;
square - маркер — квадратик;
>
Параметр type можно также указывать для тега <li>, но действия только для конкретного пункта меню.
Допускается использование тега <img src…> вместо тега <li>. Смотрите результат в примере lesson4.html.
Настоятельно рекомендую Вам самим попрактиковаться.
view sourceprint?
1.<ul>
2.<strong>Виды спорта</strong>
3.<img src="galochka.jpg">Хоккей
4.<li>Футбол</li>
5.<li>Баскетбол
6.</ul>
ol — HTML-тег нумерованного списка
Нумерованный список создается при помощи тега <ol>… </ol>.
Внутри него располагаются теги <li>. Обязательных параметров у этих тегов нет.
Параметры тега<ol>:
<ol
compact — компактное представление списка;
type= A вид маркера — прописные латинские буквы;
I вид маркера — большие римские цифры;
i вид маркера — маленькие римские цифры;
1 вид маркера — арабские цифры (по умолчанию);
start=цифра - начальный номер нумерации;
>
Параметр тега <li> в нумерованном списке:
<li
type — можно указывать те же значения, что и для тега <ol>, только они действовать будут на 1 пункт списка;
value — конкретное значение нумерации ( все последующие отсчитываются от данного);
>
Пример:
view sourceprint?
01.<ol>
02.<strong>Виды спорта</strong>
03.<li type="i">Хоккей
04.<li type="I">Футбол</li>
05.<li>Баскетбол
06.</ol>
07.<ol start="8">
08.<strong>Виды спорта</strong>
09.<li >Хоккей
10.<li>Футбол</li>
11.<li>Баскетбол
12.</ol>
dl — HTML-тег списка определений
Список определений создается при помощи тега <dl>…</dl>. Внутри тега располагаются пары тегов <dt>(терин) и<dd> (определение), которые содержат конкретный термин и его определение соответственно. Параметров у тегов нет.
Пример:
view sourceprint?
1.<dl>
2.<dt>Солнце
3.<dd>Это звезда
4.</dl>
Прошу Вас самостоятельно потренироваться, опираясь на файл lesson4.html. | 
