RUPIXEL.COM - Веб-дизайн в твоих руках
Русскоязычные документы веб-мастеру готовы к употреблению

UL - неупорядоченные (ненумерованные) списки

Цель

Для представления информации в списковой форме без нумерации элементов.

Типичное отображение

Список с маркерными отметками. Список элементов представляется выделенными участками документа с меньшим расстоянием между ними, чем, например, между абзацами. Представление идентично вложенным спискам - может показываться с отступами.

Основной синтаксис

<UL>
<LI> элемент списка 1
<LI> элемент списка 2
...
</UL>

Возможные атрибуты

имя атрибута возможные значения смысл примечания
TYPE DISC, SQUARE, CIRCLE по умолчанию буллет стиль для элементов Нет в HTML 2.0!
COMPACT COMPACT сокращенное расстояние между элементами  

Значение по умолчанию буллет стиля обычно зависит от уровня вложенности списков.

Допустимый контекст

Блоковый контейнер.

Содержимое

LI элементы (один или более).

Примеры

Простой пример:

Пример UL-1.html:

Remember to buy
<UL>
<LI> milk
<LI> bread
<LI> apples.
</UL>
 

Пример, показывающий как может выглядеть буллет. Заметим, что атрибут TYPE в элементе LI перекрывает внешний элемент UL.

Пример UL-2.html:

<UL TYPE=DISC COMPACT>
<LI> disc
<LI TYPE=SQUARE> square
<LI TYPE=CIRCLE> circle
</UL>

Смотрите также Примеры различных списковых элементов в HTML.

Примечания

Смотрите общие примечания к списковым элементам для обсуждения отдельных из них.

Элемент UL должен включать, по крайней мере, один элемент LI. Некоторые пользователи и редакторы HTML могут создавать элементы UL с текстом в его пределах, даже с вложенными элементами UL - в надежде получить отступы различного размера. Если Вам это необходимо, включите текст в элемент LI (хотя это обычно вызывает появление буллетов на экране), а его, в свою очередь, в элемент UL. (Таблицы стилей предоставят механизмы для управления отступами.)

[30.08.08] PERL статьи 16 новых статей.

[27.08.08] Добавлено более 50 новых статей про PHP и немного HTML

[24.07.08] CSS 3 статьи и 1 про html.

[16.07.08] HTML статьи 3 новых

[13.04.08] Урок Photoshop Обработка людей

[13.04.08] Веб-мастеру Что такое юзабилити?

[06.04.08] Урок Photoshop Клавиатурная кнопка.

[02.04.08] Скачать шрифты Более 100 новых шрифтов.

[21.03.08] Добавлен раздел FLASH и скрипты JavaScript

[19.03.08] Раскрутка Учебник по раскрутке сайтов.

[16.03.08] Скачать шрифты Добавлено более 1000 шрифтов.

[14.03.08] Урок Photoshop Красивый текст.

[11.03.08] Урок Photoshop Кубический эффект текста.

[10.03.08] Раскрутка сайта Добавил две интересные статьи.

Что нужно сделать с Саакашвили?
Повесить
Растрелять
Посадить
Утопить
Ничего
Дать медаль
Поблагодарить
     php хостинг    Rambler's Top100 Рейтинг@Mail.ru Яндекс цитирования
Александр Акимов
ICQ: 491368028
Mail: rupixel-com.tut.su