Доброго времени суток, подписчики.

Сразу хотелось бы сказать, что сегодня будет не большой урок, но, впрочем, весьма полезный.

А поговорим мы сегодня про html списки.

В html поддерживается 3 вида списков: маркированные, нумерованные, список определений.

Начнем с маркированного списка.

Маркированный список создается с помощью закрывающегося тега <ul>…</ul>.

Внутри этого тега располагаются теги <li>, которые содержат каждый конкретный пункт списка.

Тег <li> закрывающийся тег, но может и не закрываться.

Пример: (результат можете посмотреть в файле lesson4.html, находящийся в архиве:

Архив 4 урока)

<ul>
<strong>Виды спорта</strong>
<li>Хоккей
<li>Футбол</li>
<li>Баскетбол
</ul>

Параметры тега <ul>:

<ul

>

Параметр type можно также указывать для тега <li>, но действия только для конкретного пункта меню.

Допускается использование тега <img src…> вместо тега <li>. Смотрите результат в примере lesson4.html.

Настоятельно рекомендую Вам самим попрактиковаться.

<ul>
<strong>Виды спорта</strong>
<img src="galochka.jpg">Хоккей
<li>Футбол</li>
<li>Баскетбол
</ul>

Нумерованный список.

Нумерованный список создается при помощи тега <ol>… </ol>.

Внутри него располагаются теги <li>. Обязательных параметров у этих тегов нет.

Параметры тега<ol>:

<ol

>

Параметр тега <li> в нумерованном списке:

<li

>

Пример:

<ol>
<strong>Виды спорта</strong>
<li type="i">Хоккей
<li type="I">Футбол</li>
<li>Баскетбол
</ol>
<ol start="8">
<strong>Виды спорта</strong>
<li >Хоккей
<li>Футбол</li>
<li>Баскетбол
</ol>

Список определений.

Список определений создается при помощи тега <dl>…</dl>. Внутри тега располагаются пары тегов <dt>(терин) и <dd> (определение), которые содержат конкретный термин и его определение соответственно. Параметров у тегов нет.

Пример:

<dl>
<dt>Солнце
<dd>Это звезда
</dl>

На сегодня выпуск я заканчиваю.

Прошу Вас самостоятельно потренироваться, опираясь на файл lesson4.html.

Ссылка на скачивание файла : Архив 4 урока

Все вопросы на E-mail: contact@webformyself.com

Проект webformyself.com – основы самостоятельного сайтостроения

Творческихт Вам успехов

С Вами был Андрей Бернацкий

Метки: dl, html списки, li, ol, ul

Запись опубликована 15.07.2009 в 02:50 и размещена в рубрике Базовый курс. Вы можете следить за обсуждением этой записи с помощью ленты RSS 2.0. Можно оставить комментарий или сделать обратную ссылку с вашего сайта.