3. Основы форматирования

3.4. Списки и меню

В HTML существует несколько разновидностей списков и меню, для их определения используются следующие теги:

Упорядоченный список (Ordered list):

<OL> - начало контейнера списка
<LH> - заголовок списка
<LI> - первый элемент списка
<LI> - i элемент списка
<LI> - последний элемент списка
</OL> - конец контейнера списка

Способ отображения упорядоченного списка на Web-странице зависит от используемого броузера. По умолчанию список автоматически нумеруется с 1, допускается использование вложенных списков и внутренних тегов форматирования. Для изменения способа нумерации и отображения списка используются следующие атрибуты:

TYPE	Тип нумерации элементов. A/a-нумерация прописными/строчными буквами I/i- нумерация прописными/строчными римскими цифрами 1 - нумерация числами с единицы, N-нумерация числами с N
COMPACT	Компактный список

Неупорядоченный список (Unordered list):

<UL> - начало контейнера списка
<LH> - заголовок списка
<LI> - первый элемент списка
<LI> - i элемент списка
<LI> - последний элемент списка
</UL> - конец контейнера списка

Способ отображения неупорядоченного списка на Web-странице зависит от используемого броузера. По умолчанию списки разных уровней выделяются разными отступами и маркерами. Допускается использование вложенных списков, внутренних тегов форматирования и других элементов. Для изменения способа отображения списка используются следующие атрибуты:

TYPE	Тип маркировки элементов.DISC/SQUARE/CIRCLE
COMPACT	Компактный список (сжатый формат)

Списки каталогов (Directory list):

<DIR> - начало контейнера каталога
<LI> - первый элемент списка
<LI> - i элемент списка
<LI> - последний элемент списка
</DIR> - конец контейнера каталога

Способ отображения списка каталога на Web-странице зависит от используемого броузера. По умолчанию каталоги разных уровней выделяются отступами и маркерами. Допускается использование вложенных списков каталогов и тегов форматирования. Для элементов списка действуют ограничения, накладываемые на длину имени файла.

Списки определений (Definition list):

<DL> - начало контейнера определений
<DT> - термин 1
<DD> - определение термина 1
<DT> - термин N
<DD> - определение термина N
</DL> - конец контейнера определений

Способ отображения списка терминов на Web-странице зависит от используемого броузера. По умолчанию списки терминов выделяются разными отступами. Допускается использование атрибута COMPACT, вложенных списков, тегов форматирования и других элементов.

Списки меню (Menu list):

<MENU> - начало контейнера меню
<LI> - пункт 1
<LI> - пункт N
</MENU>- конец контейнера меню

Способ отображения списка меню на Web-странице зависит от используемого броузера. По умолчанию списки меню выделяются отступами разных уровней меню, иногда выделяются маркерами. Допускается использование вложенных меню, тегов форматирования и других элементов.

Рассмотрим пример использования списков в HTML-документах, заодно освежим в памяти, что такое внутренние ссылки - закладки.

Пример 6. Списки и меню. [просмотр примера в окне]

<HTML> <HEAD> <TITLE>Использование списков и меню в документах</TITLE> </HEAD> <BODY BGCOLOR ="WHITE", TEXT="BLACK", LINK="BLUE", ALINK="RED", VLINK="NAVY"> <H1 ALIGN=CENTER>Списки и меню в HTML документах</H1> <HR> <A NAME=MENU>Главное меню<A/> <MENU> <LH>Виды списков в HTML <LI><A HREF="#OL">Упорядоченный список</A> <LI><A HREF="#UL">Неупорядоченный список</A> <LI><A HREF="#DIR">Список каталогов</A> <LI><A HREF="#DL">Список определений</A> </MENU> <HR> <A NAME=OL>Упорядоченный список<A/> <OL TYPE=1> <LH>Сотрудники отдела <LI>Иванов <LI>Петров <LI>Сидоров <LI>Зайцев </OL> <A HREF="#MENU">Вернуться к меню</A> <A NAME=UL>Неупорядоченный список<A/> <UL TYPE=SQUARE> <LH>Сотрудницы отдела <LI>Иванова <LI>Петрова <LI>Сидорова <LI>Зайцева </UL> <A HREF="#MENU">Вернуться к меню</A> <A NAME=DIR>Список каталогов<A/> <DIR> <LI>VSTUDIO <DIR> <LI>Project1 <LI>Project2 <LI>Project3 <LI>Project4 </DIR> </DIR> <A HREF="#MENU">Вернуться к меню</A> <A NAME=DL>Список определений<A/> <DL> <DT>JavaScript <DD>Язык разработки сценариев интерактивного управления для Web-страниц, разработанный фирмой Netscape на основе языка Java (Sun). Поддерживается всеми современными броузерами. <DT>VBScript <DD>Язык разработки сценариев интерактивного управления для Web-страниц, разработанный фирмой Microsoft на основе языка VBasic. Поддерживается Internet Explorer. </DL> <A HREF="#MENU">Вернуться к меню</A> <HR> &copy 2001 Вебмастер <A HREF="mailto:myname@mail.ru">Попробуй связаться со мной</A> </BODY> </HTML>

В заключении отметим, что теги <MENU> и <DIR> исключены из последней спецификации HTML, т.к. они по сути дублировали возможности тегов <UL>, <OL> и <DT>. Старайтесь избегать использования данных тегов, что бы ваши документы соответствовали последним стандартам HTML.

Ваши вопросы и замечания прошу направлять dmitriy_v_k@hotmail.com
© 2001 Дмитрий Красюк
Дата последней модификации: Пятница Март 30, 2001.