Перейти на главную   
  helloworld.ru - документация и книги по программированию  
helloworld.ru - документация и книги по программированию
    главная     хостинг    
Поиск по сайту:  
Смотрите также
Языки программирования
C#
MS Visual C++
Borland C++
C++ Builder
Visual Basic
Quick Basic
Turbo Pascal
Delphi
JavaScript
Java
PHP
Perl
Assembler
AutoLisp
Fortran
Python
1C

Интернет-технологии
HTML
VRML
HTTP
CGI
FTP
Proxy
DNS
протоколы TCP/IP
Apache

Web-дизайн
HTML
Дизайн
VRML
PhotoShop
Cookie
CGI
SSI
CSS
ASP
PHP
Perl

Программирование игр
DirectDraw
DirectSound
Direct3D
OpenGL
3D-графика
Графика под DOS

Алгоритмы
Численные методы
Обработка данных

Сис. программирование
Драйверы

Базы данных
MySQL
SQL

Другое

Хостинг


Друзья
demaker.ru
Реклама

Лучший хостинг. Аренда серверов




helloworld.ru

Списки

Понятие списка
Упорядоченный (нумерованный) список. Тэг <OL> и его атрибуты
Неупорядоченный (маркированный) список. Тэг <UL> и его атрибуты
Меню
Список типа <DIR>
Список определений
Дополнительные возможности форматирования списков

Понятие списка

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

В HTML есть специальные элементы-контейнеры для представления данных в виде списков. Основными тэгами списков являются нумерованные и маркированные списки, меню, перечни каталогов и определений. Для получения дополнительных эффектов различные типы списков могут вкладываться друг в друга.

Упорядоченный (нумерованный) список. Тэг <OL> и его атрибуты

Упорядоченный список используется для нумерованного перечисления отдельных пунктов или указания последовательности каких-либо действий. Когда программа встречает тэг упорядоченного списка, она последовательно нумерует пункты списка: 1, 2, 3 и т.д.

Упорядоченный список открывается тэгом <OL>, а каждый его пункт начинается стандартным тэгом <LI>. Для создания заголовка списка используется специальный тэг <LH>. Список закрывается тэгом <OL/>. Открывающий и закрывающий тэги обеспечивают перевод строки до и после списка, отделяя таким образом список от остального текста, поэтому здесь нет необходимости использовать тэги абзаца <P>.

Базовый шаблон упорядоченного списка выглядит следующим образом:

<OL>
   <LI> Item_1
   <LI> Item_2
   ...

</OL>

В HTML версии 3.2 введены несколько новых атрибутов тэга <OL>. Они позволяют устанавливать вид маркеров элементов списка, а также задавать начальный маркер списка. Ниже перечислены эти атрибуты и их значение:

  • COMPACT - Представляет список в более компактном виде

  • TYPE = A - устанавливает маркер в виде прописных букв

  • TYPE = a - устанавливает маркер в виде строчных букв

  • TYPE = I - устанавливает маркер в виде больших римских цифр

  • TYPE = i - устанавливает маркер в виде маленьких римских цифр

  • TYPE = 1 - устанавливает маркер в виде арабских цифр

  • START = n - устанавливает начальный маркер в текущем списке; n - номер, с которого начинается нумерация в списке

Неупорядоченный (маркированный) список. Тэг <UL> и его атрибуты

В HTML существует возможность создания неупорядоченных списков, т.е. таких, в которых отношения между пунктами не определены (списки такого типа называют также ненумерованными или маркированными).

Неупорядоченный список вместо буквенной или цифровой нумерации предполагает использование различных символов, называемых маркерами списка (bullets). Как и в упорядоченных списках, здесь также обеспечивается перевод строки до и после списка, а также допускается вложенность списков. Список располагается внутри контейнера <UL>. Каждый пункт списка начинается стандартным тэгом <LI>. Программы просмотра создают автоматический отступ для вложенных списков и сами разнообразят маркеры, вид которых зависит от типа программы.

Базовый шаблон неупорядоченного списка выглядит следующим образом:

<UL>
   <LI> Item_1
   <LI> Item_2
   ...

</UL>

Как и в случае тэга <OL>, для тэга <UL>в HTML 3.2 используются расширения браузера Netscape по управлению видом маркеров. Их вид можно устанавливать при помощи атрибута TYPE, который допускает три значения: DISK, SQUARE, CIRCLE.

Как и тэг <OL>, тэг <UL> имеет атрибут COMPACT, позволяющий выводить неупорядоченный список в более компактном виде.

Меню

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

Как и предыдущие типы списков, список-меню автоматически отделяется от остального текста кодами перевода строки и может включать другие элементы HTML. Как правило, пункты меню являются указателями ссылок на части того же документа, на другой документ, либо на другие ресурсы сети.

Список типа <DIR>

Элемент DIR весьма похож на элемент MENU и служит для идентификации определенной части документа, которая в будущих версиях языка, возможно, получит новые полезные функции. Список контейнера, начинающегося тэгом <DIR>, выводится браузерами аналогично неупорядоченным спискам.

Список определений

Списки определений, также называемые словарями специальных терминов (глоссариями), являются особым видом списков HTML. Они представляют текст в форме словарной статьи, состоящей из определенного термина и абзаца, раскрывающего его значение. Такой список удобен для составления каталога или описания функций подразделений организации. Элемент списка определений DL является контейнером и обеспечивает отделение списка от остального текста пустыми строками. Внутри контейнера тэгом <DT> помечается определенный термин, а тэгом <DD> - абзац с его определением. Тэги <DT> и <DD> не являются контейнерами. Базовый шаблон списка определений выглядит следующим образом:

<DL> definition header
   <DT> term_1
       <DD> definition of term_1
   <DT> Term_2
       <DD> definition of term_2
...
</DL>

Текст после тэга <DT> должен помещаться в одной строке. Если это требование не выполнено или если строка выходит за пределы окна браузера, производится перевод строки, но без отступа. Текст, стоящий за тэгом <DD>, выводится отдельным абзацем с отступом вниз на одну или две строки (зависит от программы просмотра) относительно определяемого термина.

Списки определений могут включать другие элементы HTML. Часто применяются элементы стилей (физические и логические). Напротив, элементы заголовков использовать не рекомендуется из-за принудительного перевода строки.

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

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

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

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


[ Оглавление ]









helloworld.ru © 2001-2021
Все права защищены
Rambler's Top100