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