Главная :: Рассылки :: Списки
доля шутки...
Объявление. Возьмём на очень хорошо оплачиваемую работу хакера высокой квалификации. Размещайте своё резюме на главной странице сайта www.miсrоsоft.соm
Статистика

Списки

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

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

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

Списки

Для создания ненумерованного списка используется тег <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

Для автоматической нумерации элементов списка используется тег <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>
  1. item 1
  2. item 2
  3. item 3
  1. item 4
  2. item 5
  3. 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>
  1. header 1
    • list item 1
    • list item 2
  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/Нет").

Наши рассылки