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

Списки

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

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

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

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

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

КодОтображение
<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> - описание).

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

Программиста спрашивают: Скажите пожалуиста, который час? Программист: Который час, если вас это прикалывает девушка.
главная :: наверх :: добавить в избранное :: сделать стартовой :: рекомендовать другу :: карта сайта

Rambler's Top100

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