Учебник по веб дизайну
 Свободное программное обеспечение. Доступно. Бесплатно. Легально.
Учебник
HTML
CSS
DHTML
JavaScript
SSI
Раскрутка
Справочник
HTML
JavaScript
SSI
Браузеры
Хостинг
Скрипты
JavaScript
PHP
Статьи
SEO
HTML
Flash
Все об Интернет
Новости Интернет
Утилиты
Конструктор
Информер
А так же...
Наши баннеры
Контакты
Гостевая
Реклама на сайте

Списки

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

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

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

Списки

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

Реклама

Иисус изменил твою жизнь. Сохранить(Да/Нет) ?
главная :: наверх :: добавить в избранное :: сделать стартовой :: рекомендовать другу :: карта сайта

Rambler's Top100

Страница сгенерированна за 0.0090 сек.
Сайт оптимизирован под разрешение 800х600 и браузер MS IE 6.0.
Copyright © 2005-2010 originweb.info, design.originweb.info.
Хостинг ruweb.net