Дополнительные возможности форматирования списков

Можно легко создать маркеры для использования в ненумерованных списках. Пример работы со списками приведен в листинге 15. Контейнер UL информирует браузер о необходимости интерпретировать заключенный в нем текст как неупорядоченный список. Однако если стандартные маркеры не нужны, то тэги <LI> не следует использовать. Вместо них нужно записать код, определяющий новый маркер, например:

<IMG SRC= “cube.gif” ALIGN=TOP> Text

Тэг <IMG> указывает на графический файл используемого маркера и метод выравнивания изображения. Так как стандартный тэг <LI> не используется, в конце каждого пункта списка необходимо наличие тэга перевода строки .

Листинг 15

Пример работы со списками

<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>