Все для сайта

МЕНЮ САЙТА
ГЛАВНАЯ
Что такое HTML
Структура документа
Форматирование
Ссылки
Списки
Графика

Списки


В языке HTML предусмотрен специальный набор тегов для представления информации в виде списков.

Существует три основных вида списков в HTML-документе:
  • нумерованный
  • маркерованный
  • список определений

Маркерованный список

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

Тэги <UL> и <LI> 

Для создания маркированного списка необходимо использовать тэг-контейнер <UL> </UL>, внутри которого располагаются все элементы списка.
Каждый элемент списка должен начинаться тэгом <LI> (LI — List Item, элемент списка). Тег <LI> не нуждается в соответствующем закрывающем тэге, хотя его наличие в принципе не возбраняется.
Например:
<UL>
<LI> Ирина
<LI> Сергей
<LI> Дмитрий
</UL>
Получим:
  • Ирина
  • Сергей
  • Дмитрий
В тэге <UL> могут быть указаны два параметра: COMPACT и TYPE.

Параметр COMPACT записывается без значений и применяется для указания браузеру, что данный список следует выводить в компактном виде. Например, может быть уменьшен шрифт или расстояние между строчками списка и т. д.

Параметр TYPE может принимать следующие значения: disc, circle и square. Этот параметр используется для принудительного задания вида маркеров списка. Конкретный вид маркера будет зависеть от используемого браузера. Типичными вариантами отображения являются следующие:

TYPE = disc — маркеры отображаются закрашенными кружками;
TYPE = circle — маркеры отображаются не закрашенными кружками;
TYPE = square — маркеры отображаются закрашенными квадратиками.
Пример записи: <UL TYPE = circle>.


Нумерованный список

В пронумерованном списке браузер автоматически вставляет номера элементов по порядку. Это означает, что если вы удалите один или несколько элементов пронумерованного списка, то остальные номера автоматически будут пересчитаны.

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

Каждый элемент нумерованного списка должен начинаться тэгом <LI>.
Например:
<OL>
<LI> Ирина
<LI> Сергей
<LI> Дмитрий
</OL>

  1. Ирина
  2. Сергей
  3. Дмитрий
В тэге <OL> могут быть указаны следующие параметры: COMPACT, TYPE и START.

Параметр COMPACT имеет тот же смысл, что и у маркированных списков. Параметр TYPE используется для задания вида нумерации списка. Может принимать следующие значения:

TYPE = А — задает маркеры в виде прописных латинских букв;

TYPE = а — задает маркеры в виде строчных латинских букв;

TYPE = I — задает маркеры в виде больших римских цифр;

TYPE = i — задает маркеры в виде маленьких римских цифр;

TYPE = 1 — задает маркеры в виде арабских цифр.

Параметр START тега <OL> позволяет начать нумерацию списка не с единицы. В качестве значения параметра START всегда должно указываться натуральное число, вне зависимости от вида нумерации списка. Приведем пример:

<OL TYPE = A START=5>.

Такая запись определяет нумерацию списка с прописной латинской буквы "E". Для других видов нумерации запись START=5 задаст нумерацию, соответственно, с числа "5", римской цифры "V" и т. д.

Изменение вида нумерации списка и значений номеров допустимо производить и для любого элемента списка. Тег <LI> для нумерованных списков разрешает использовать параметры TYPE и VALUE. Параметр TYPE может принимать такие же значения, как и для тега <OL>.

Пример записи: <LI TYPE = A>.


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


Список определений начинается с тэга <DL> и завершается тэгом </DL>. Данный список служит для создание списков типа "термин"-"описание". Каждый термин начинается тэгом <DT> , а описание - тэгом <DD>.
Например:
<DL>
<DT>Термин
<DD>Определение термина
</DL>

<<Назад      Вперед>>

Сайт управляется системой uCoz