Большой архив статей, книг, документации по программированию, вебдизайну, компьютерной графике, сетям, операционным системам и многому другому
 
<Добавить в Избранное>    <Сделать стартовой>    <Реклама на сайте>    <Контакты>
  Главная Документация Программы Обои   Экспорт RSS E-Books
 
 

   Интернет технологии -> HTML / DHTML -> Основы языка разметки гипертекста - HTML


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><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.
</DL>
<A HREF="#MENU">Вернуться к меню</A>
<HR>
<P ALIGN=CENTER>&copy 2001 Вебмастер
<A HREF="mailto:myname@mail.ru">Попробуй связаться со мной</A>
</BODY>
</HTML>

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

[ Содержание ] [ Вперед ]


 
 
Интересное в сети
 
10 новых программ
CodeLobster PHP Edition 3.7.2
WinToFlash 0.7.0008
Free Video to Flash Converter 4.7.24
Total Commander v7.55
aTunes 2.0.1
Process Explorer v12.04
Backup42 v3.0
Predator 2.0.1
FastStone Image Viewer 4.1
Process Lasso 3.70.4
FastStone Image Viewer 4.0
Xion Audio Player 1.0.125
Notepad GNU v.2.2.8.7.7
K-Lite Codec Pack 5.3.0 Full


Наши сервисы
Рассылка новостей. Подпишитесь на рассылку сейчас и вы всегда будете в курсе последних событий в мире информационных технологий.
Новостные информеры. Поставьте наши информеры к себе и у вас на сайте появится дополнительный постоянно обновляемый раздел.
Добавление статей. Если вы являетесь автором статьи или обзора на тему ИТ присылайте материал нам, мы с удовольствием опубликуем его у себя на сайте.
Реклама на сайте. Размещая рекламу у нас, вы получите новых посетителей, которые могут стать вашими клиентами.
 
Это интересно
 

Copyright © CompDoc.Ru
При цитировании и перепечатке ссылка на www.compdoc.ru обязательна. Карта сайта.