Списки HTML
Списки — элементы разметки HTML, предназначенные для создания на веб-странице упорядоченных списков. Создаются с помощью набора тегов списков.
Каждый список начинается с новой строки. Все виды списков могут быть вложенными друг в друга. Для всех видов списков есть две формы представления: обычная и компактная. Компактный вид устанавливается добавлением в тег-контейнер списка атрибута COMPACT. Никаких значений этому атрибуту присваивать не требуется.
Содержание |
[править] Маркированные и нумерованные списки
Маркированные и нумерованные списки — это похожие типы элементов, создаваемые на веб-странице с помощью тегов-контейнеров <UL>, <OL>, <DIR> и <MENU>, внутри которых помещаются отдельные пункты, заключаемые в теги <LI> (англ. list item).
В ранних версиях HTML допускалось применение элементов списка <LI> без закрывающих тегов. В викиразметке имеются аналоги маркированных и нумерованных списков.
[править] Маркированный список
От англ. unnumbered list — непронумерованный список. Каждому элементу списка предшествует символ маркер.
| Код | Внешний вид |
|---|---|
<UL> <LI>Строка 1</LI> <LI>Строка 2</LI> </UL> |
|
Атрибуты тега <UL>:
- TYPE — задаёт внешний вид маркера.
Значения:- DISC — маркер в виде закрашенного кружка «•», называемый «пуля» (bullet);
- CIRCLE — маркер с виде незакрашенного кружка;
- SQUARE — квадратный маркер;
Атрибуты тега <LI> для маркированного списка:
- TYPE — устанавливает вид маркера для одного элемента списка.
[править] Нумерованный список
От англ. Ordered List — пронумерованный список. Каждому элементу списка предшествует его номер в виде цифры или буквы.
| Код | Внешний вид |
|---|---|
<OL> <LI>Строка 1</LI> <LI>Строка 2</LI> </OL> |
|
Браузер автоматически расставляет номера элементов списка в порядке возрастания.
Атрибуты тега <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> |
|
Идентичен маркированному списку. Позволяет формировать список в несколько колонок.
[править] Меню
| Код | Внешний вид |
|---|---|
<MENU> <LI>Пункт меню 1</LI> <LI>Пункт меню 2</LI> </MENU> |
|
Идентичен маркированному списку.
[править] Списки определений
Список определений или список описаний (англ. Definition List) создаётся с помощью парного тега-контейнера <DL>, внутри которого размещаются теги <DT> (англ. definition term — определяемый термин) и <DD> (англ. definition definition — определение определения).
| Код | Внешний вид |
|---|---|
<DL> <DT>термин</DT> <DD>определение</DD> </DL> |
|
В ранних версиях HTML допускалось применение <DT> и <DD> без закрывающих тегов.
Аналог списка определений есть в викиразметке, используемой в википроектах.
[править] Источники
- Kevin Werbach Краткое руководство по HTML (перевод на русский Станислава Малышева) // c_rabbit.chat.ru. — 1996 год.
- П. Храмцов Язык гипертекстовой разметки HTML и протокол обмена гипертекстовой информацией HTTP // Материалы конференции «Internet — Россия '96». — РНЦ «Курчатовский Институт» — CITFORUM, 1996.
- HTML. — Softservice Group — Городской Кот, 1996.
- Николай Чувахин Практическое руководство по HTML. — Городской Кот, 1997.
- Д. Рассохин, А. Лебедев World Wide Web - всемирная информационная паутина в сети Internet // Второе издание. — Химический факультет МГУ, 14 Июль, 1997.
[править] Примечания
| Списки HTML относится к теме «HTML» |