|
В HTML можно создавать упорядоченные и неупорядоченные списки (в текстовых процессорах, например MS Word, им соответствует нумерация и маркеры). Пример упорядоченного и вложенного неупорядоченного списков приведены ниже:
Для упорядоченного списка, заключенного в теги <OL>...</OL> можно указывать атрибут TYPE, задающий способ нумерации, допустимые значения данного атрибута:
- 1 — нумерация осуществляется арабскими цифрами;
- a — нумерация осуществляется строчными латынскими буквами;
- A — нумерация осуществляется прописными латынскими буквами;
- i — нумерация осуществляется римскими цифрами в нижнем регистре;
- I — нумерация осуществляется римскими цифрами в верхнем регистре;
Второй атрибут START позволяет задать первый элемент списка. Как данный исходный HTML-текст отображается в браузере показано на рисунке 1.4.1.
Для неупорядоченного списка, заключенного в парный тег <OL>...</OL> можно указать атрибут TYPE, задающий тип маркера, допустимые значениякоторого являются:
- disc — закрашенный круг;
- square — квадрат;
- circle — окружность;
|
Для представления информации в списковой форме без нумерации элементов может использоваться также парный тег <UL>...</UL>. Это список с маркерными отметками. Список элементов представляется выделенными участками документа с меньшим расстоянием между ними, чем, например, между абзацами. Представление идентично вложенным спискам - может показываться с отступами.
|
|
Атрибут VALUE="..." - задает значение, с которого осуществляется нумерация, начиная с данного элемента списка.
Ниже приведен пример упорядоченного и вложенного в него неупорядоченного списка. Отображение примера в Microsoft Internet Explorer приведено на рисунке 1.4.1.
<H1>Упорядоченный и вложенный неупорядоченный списки</H1>
<OL TYPE="i" START=5><!--Это упорядоченный список -->
<LI>Элемент упорядоченного списка 1</LI>
<UL TYPE="square"><!--Это неупорядоченный список -->
<LI>Элемент неупорядоченного списка 1</LI>
<LI>Элемент неупорядоченного списка 2</LI>
<LI>Элемент неупорядоченного списка 3</LI>
</UL>
<LI>Элемент упорядоченного списка 2</LI>
<LI>Элемент упорядоченного списка 3</LI>
</OL>
В HTML можно использовать и другие виды списков. Так с помощью тега <DIR>...</DIR> можно сформировать список в стиле оглавления MS-DOS или Unix. Аналогично с помощью <MENU>...</MENU> формируется список-меню.
Рисунок 1.4.1
Тег <DL>...</DL> служит для формирования списков-определений. С помощью тега <DT>...</DT> выделяется определяемый термин, а с помощью <DD>...</DD> - определение термина. Проще это пояснить на примере:
<DL>
<DT>CSS</DT>
<DD>Каскадные таблицы стилей</DD>
<DT>DHTML</DT>
<DD>Динамический HTML</DD>
<DT>HTML</DT>
<DD>Язык гипертекстовой разметки</DD>
</DL>
Отображение данного примера в браузере Microsoft Internet Explorer приведено на рисунке 1.4.2.
Рисунок 1.4.2
by ktima
|
