Сайт посвященный WEB Дизайну
Статьи по:





Rambler's Top100

Этот сайт приносит прибыль с помощью Бегуна

Закажи рекламу на Rambler.ru, Mail.ru, Aport.ru! От 5 долларов за все!

HTML: Списки

Списки в HTML бывают двух видов: упорядоченные (пронумерованные) и неупорядоченные (непронумерованные). Отличаются они лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера.

Элементы:

<UL> Создает неупорядоченный список
<OL> Создает упорядоченный список
<LI> Создает пункт меню внутри элементов OL или UL
<MENU> Создает неупорядоченный список, подобный UL
<DL> Открывает и закрывает список определений
<DT> Создает термин в списке определений внутри элемента DL
<DD> Cоздает определение термина внутри элемента DL

Тег <UL>

Тег <UL>(Unordered List) служит для создания ненумерованного списка. Допускается вложение ненумерованного списка в списки другого вида. Требуется закрывающий тег

Атрибуты
type
Тип маркера
discЗакрашенный кружок. По умолчанию
circleНезакрашенный кружок
squareКвадратик
title
Всплывающая подсказка
Пример
  • Пугачева
  • Орбакайте
  • Киркоров
  • Пресняков
А выглядит код так: 
<UL type=square title="Ненумерованный список">
<LI>Пугачева
<LI>Орбакайте
<LI>Киркоров
<LI>Пресняков
</UL>

Тег <OL> и обязательный парный ему </OL>

Тег <OL>(Ordered List) служит для создания нумерованного списка. Допускается вложение нумерованного списка в списки другого вида

Атрибуты
type
Тип маркера
AЗаглавные буквы
aСтрочные буквы
IЗаглавные римские цифры
iСтрочные римские цифры
1Арабские цифры (по умолчанию)
start
Начальное значение для нумерованного списка при использовании арабских цифр
title
Всплывающая подсказка
Пример
  1. Пугачева
  2. Орбакайте
  3. Киркоров
  4. Пресняков
А выглядит код так: 
<OL type=A title="нумерованный список">
<LI>Пугачева
<LI>Орбакайте
<LI>Киркоров
<LI>Пресняков
</OL>

Тег <LI> и необязательный парный ему </LI>

Тег <LI>(List Item) служит для обозначения элемента (строки) списка. Используется в нумерованных (OL) и ненумерованных (UL) списках

Пример
  1. Пугачева
  2. Орбакайте
  3. Киркоров
  4. Пресняков
А выглядит код так: 
<OL type=A title="нумерованный список">
<LI>Пугачева
<LI>Орбакайте
<LI>Киркоров
<LI>Пресняков
</OL>

Тег <MENU>

Тег MENU служит для создания ненумерованного списка. Данный тег является устаревшим и оставлен для совместимости со старыми браузерами. Закрывающий тег требуется

Атрибуты

title Всплывающая подсказка
disabled Если установить равным 1, то текст будет выведен серым цветом

Пример

  • Первый элемент меню
  • Второй элемент меню
    • А выглядит код так: 
    <menu disabled=1 title="я - меню!">
<LI>Первый элемент меню
<LI>Второй элемент меню
</menu>

    Тег <DL> и необязательный парный ему </DL>

    Тег <DL>(Definition List) служит для создания списка определений. Списки состоят из двух частей: определения (DT) и описания (DD)

    Атрибуты

    title Показывает текст в виде всплывающей подсказки
    Пример
    HTML
    Это язык разметки гипертекста
    Браузер
    Это программа для просмотра гипертекста в интернете
    А выглядит код так: 
    <DL title="это список">
<DT>HTML
<DD>Это язык разметки гипертекста
<DT>Браузер
<DD> Это программа для просмотра гипертекста в интернете
</DL>

    Тег <DT> и необязательный парный ему </DT>

    Тег <DT>(Definition Term) является определением списка определений

    Пример
    Это определение
    Описание определения
    А выглядит код так: 
    <DL title="это список">
<DT>Это определение
<DD>Описание определения
</DL>

    Тег <DD> и необязательный парный ему </DD>

    Тег <DD>(Definition Description) является описанием списка определений

    Пример
    Это определение
    Описание определения
    А выглядит код так: 
    <DL title="это список">
<DT>Это определение
<DD>Описание определения
</DL>
    Hosted by uCoz