Списки

Доброго Вам времени суток, уважаемые подписчики!

Представляю Вашему вниманию пятый выпуск рассылки "Уроки веб-дизайна в примерах".

Содержание выпуска:

Списки.
Анонс следующего выпуска.
Новости сайта.

Списки

Для создания ненумерованного списка используется тег <UL>. Элементы списка находятся между тэгами <LI> и </LI> (закрывающий тег необязателен). Вид маркера задается с помощью свойства type, который может иметь следующие значения: disk (по умолчанию), circle, square. Свойство title задает всплывающую подсказку.

Пример 1.

Код	Отображение
<UL type="disk" title="ненумерованный список"> <LI> list item 1 <LI> list item 2 <LI> list item 3 </UL> <UL type="circle"> <LI> list item 1 <LI> list item 2 <LI> list item 3 </UL> <UL type="square"> <LI> list item 1 <LI> list item 2 <LI> list item 3 </UL>	list item 1 list item 2 list item 3 list item 1 list item 2 list item 3 list item 1 list item 2 list item 3

Код

Отображение

list item 1
list item 2
list item 3

list item 1
list item 2
list item 3

list item 1
list item 2
list item 3

Для автоматической нумерации элементов списка используется тег <OL>. Вид счетчика определяется свойством type имеющим следующие значения: 1 (арабские цифры, 1 2 3 ... , по умолчанию), A (большие латинские буквы, A B C ...), a (маленькие латинские буквы, a b c ...), I (большие римские цифры, I II III ...), i (маленькие римские цифры, i ii iii ...). Начальное значение счетчика задается свойством start:

Пример 2.

Код	Отображение
<OL> <LI> item 1 <LI> item 2 <LI> item 3 </OL> <OL type="I" start="4"=> <LI> item 4 <LI> item 5 <LI> item 6 </OL>	item 1 item 2 item 3 item 4 item 5 item 6

Код

Отображение

item 1
item 2
item 3

item 4
item 5
item 6

Сложные списки делаются заменой <LI> на вложенный список:

Пример 3.

Код	Отображение
<OL> <LI> header 1 <UL> <LI> list item 1 <LI> list item 2 </UL> <LI> header 2 <UL> <LI> list item 1 <LI> list item 2 </UL> </OL>	header 1 list item 1 list item 2 header 2 list item 1 list item 2

Описание списка определений задается тегом <DL> (парный тег </DL> необязателен, <DT> - определение, <DD> - описание).

Пример 4.

Код	Отображение
<DL title="список определений"> <DT>Определение <DD>Описание </DL>	Определение Описание

Анонс следующего выпуска

Фреймы. Все "за" и "против".

Новости сайта

17.10.2004 Сделан редизайн сайта http://design.wmplace.net. Благодарю за внимание! сайт: http://design.wmplace.net

P.S. Если Вы используете почтовую программу The Bat!, то письмо может отображаться некорректно. Для того, чтобы просмотреть правильный вариант, щелкните два раза на аттачменте Part.html и откройте письмо (кнопка "No/Нет").