В 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>
<H1 ALIGN=CENTER>Списки и меню в HTML документах</H1>
<HR>
<A NAME=MENU>Главное меню<A/>
<MENU>
<LH><B>Виды списков в HTML</B>
<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><B>Сотрудники отдела</B>
<LI>Иванов
<LI>Петров
<LI>Сидоров
<LI>Зайцев
</OL>
<A HREF="#MENU">Вернуться к меню</A>
<p><A NAME=UL>Неупорядоченный список<A/>
<UL TYPE=SQUARE>
<LH><B>Сотрудницы отдела</B>
<LI>Иванова
<LI>Петрова
<LI>Сидорова
<LI>Зайцева
</UL>
<A HREF="#MENU">Вернуться к меню</A>
<p><A NAME=DIR>Список каталогов<A/>
<DIR>
<LI>VSTUDIO
<DIR>
<LI>Project1
<LI>Project2
<LI>Project3
<LI>Project4
</DIR>
</DIR>
<A HREF="#MENU">Вернуться к меню</A>
<p><A NAME=DL>Список определений<A/>
<DL>
<DT>JavaScript
<DD>Язык разработки сценариев интерактивного управления для Web-страниц, разработанный фирмой Netscape на основе языка Java (Sun). Поддерживается всеми современными браузерами.
<DT>VBScript
<DD>Язык разработки сценариев интерактивного управления для Web-страниц, разработанный фирмой Microsoft на основе языка VBasic. Поддерживается Internet Explorer.
<A HREF="mailto:myname@mail.ru">Попробуй связаться со мной</A>
</BODY>
</HTML>
В заключении отметим, что теги <MENU> и <DIR> исключены из последней спецификации HTML, т.к. они по сути дублировали возможности тегов <UL>, <OL> и <DT>. Старайтесь избегать использования данных тегов, что бы ваши документы соответствовали последним стандартам HTML.
