Списки HTML

Материал из Викиреальностя
Перейти к: навигация, поиск

Списки — элементы разметки HTML, предназначенные для создания на веб-странице упорядоченных списков. Создаются с помощью набора тегов списков.

Каждый список начинается с новой строки. Все виды списков могут быть вложенными друг в друга. Для всех видов списков есть две формы представления: обычная и компактная. Компактный вид устанавливается добавлением в тег-контейнер списка атрибута COMPACT. Никаких значений этому атрибуту присваивать не требуется.

Содержание

[править] Маркированные и нумерованные списки

Маркированные и нумерованные списки — это похожие типы элементов, создаваемые на веб-странице с помощью тегов-контейнеров <UL>, <OL>, <DIR> и <MENU>, внутри которых помещаются отдельные пункты, заключаемые в теги <LI> (англ. list item).

В ранних версиях HTML допускалось применение элементов списка <LI> без закрывающих тегов. В викиразметке имеются аналоги маркированных и нумерованных списков.

[править] Маркированный список

От англ. unnumbered list — непронумерованный список. Каждому элементу списка предшествует символ маркер.

Код Внешний вид
<UL>
<LI>Строка 1</LI>
<LI>Строка 2</LI>
</UL>
  • Строка 1
  • Строка 2

Атрибуты тега <UL>:

  • TYPE — задаёт внешний вид маркера.
    Значения:
    • DISC — маркер в виде закрашенного кружка «•», называемый «пуля» (bullet);
    • CIRCLE — маркер с виде незакрашенного кружка;
    • SQUARE — квадратный маркер;

Атрибуты тега <LI> для маркированного списка:

  • TYPE — устанавливает вид маркера для одного элемента списка.

[править] Нумерованный список

От англ. Ordered List — пронумерованный список. Каждому элементу списка предшествует его номер в виде цифры или буквы.

Код Внешний вид
<OL>
<LI>Строка 1</LI>
<LI>Строка 2</LI>
</OL>
  1. Строка 1
  2. Строка 2

Браузер автоматически расставляет номера элементов списка в порядке возрастания.

Атрибуты тега <OL>:

  • TYPE — определяет тип символов для нумерации.
    Значения:
    • 1 — цифровая нумерация (1,2,3...), используется по умолчанию;
    • I — римские цифры (I,II,III...);
    • i — римские цифры латинскими буквами в нижнем регистре (i,ii,iii...);
    • A — алфавитная нумерация латинскими буквами в верхнем регистре (A,B,C...);
    • a — алфавитная нумерация латинскими буквами в нижнем регистре (a,b,c...);
  • START — определяет номер или букву, с которой начинается нумерация списка.

Атрибуты тега <LI> для нумерованного списка:

  • VALUE — устанавливает новую начальную нумерацию, начиная с указанного элемента списка, отменяя предыдущую.

[править] Список каталогов

Код Внешний вид
<DIR>
<LI>Папка 1</LI>
<LI>Папка 2</LI>
</DIR>
  • Папка 1
  • Папка 2

Идентичен маркированному списку. Позволяет формировать список в несколько колонок.

[править] Меню

Код Внешний вид
<MENU>
<LI>Пункт меню 1</LI>
<LI>Пункт меню 2</LI>
</MENU>
  • Пункт меню 1
  • Пункт меню 2

Идентичен маркированному списку.

[править] Списки определений

Список определений или список описаний (англ. Definition List) создаётся с помощью парного тега-контейнера <DL>, внутри которого размещаются теги <DT> (англ. definition term — определяемый термин) и <DD> (англ. definition definition — определение определения).

Код Внешний вид
<DL>
<DT>термин</DT>
<DD>определение</DD>
</DL>
термин
определение

В ранних версиях HTML допускалось применение <DT> и <DD> без закрывающих тегов.

Аналог списка определений есть в викиразметке, используемой в википроектах.

[править] Источники

[править] Примечания

Списки HTML относится к теме «HTML»   ±