Приветствую Вас, Гость
Тема3: «Коммуникационные технологии»(16ч)

Урок 29. Списки на Веб-страницах

HTML Руководство пользователя
Самоучитель "Создание веб-сайтов"
Веб-учебник HTML

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

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

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

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

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

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

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

</UL> - конец контейнера списка

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

TYPE

Тип маркировки элементов.DISC/SQUARE/CIRCLE

COMPACT

Компактный список (сжатый формат)

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

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

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

Пример 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=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=DL>Список определений<A/>
<DL>
<DT>JavaScript
<DD>Язык разработки сценариев интерактивного управления для Web-страниц, разработанный фирмой Netscape на основе языка Java (Sun). Поддерживается всеми современными броузерами.
<DT>VBScript
<DD>Язык разработки сценариев интерактивного управления для Web-страниц, разработанный фирмой Microsoft на основе языка VBasic. Поддерживается Internet Explorer.
</DL>
<A HREF="#MENU">Вернуться к меню</A>
<HR>
<P ALIGN=CENTER>&copy 2001 Вебмастер 
<A HREF="mailto:myname@mail.ru">Попробуй связаться со мной</A>
</BODY>
</HTML>