W e b - м а с т е р у: 
  В с е   о   х о с т и н г е: 
  Р е к о м е н д у е м: 
  Р е к л а м а: 





  Р е к л а м а: 











  Главная > Уроки по HTML в примерах > Организация списков

Google   
 


Профессиональный хостинг от REG.RU - от 99 рублей за месяц!!!
  • 10 Гб дискового пространства
  • Бесплатный трафик
  • До 30 размещенных сайтов на одном хостинге
  • Неограниченное количество почтовых ящиков и многое другое!

>> Смотреть подробнее






Организация списков

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

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

Имеет атрибуты:

Атрибут: Type
Определяет вид нумерованного списка.

Имеет значения:

A-большие латинские буквы
a-маленькие латинские буквы
I-большие римские цифры
i-маленькие римские цифры
1-обычные цифры

Записывается так:

<Ol type="A">
    <Li>Текст списка 1</Li>
    <Li>Текст списка 2</Li>
    <Li>Текст списка 3</Li>
    <Li>Текст списка 4</Li>
</Ol>

Эффект: (type="A")

  1. Текст списка 1
  2. Текст списка 2
  3. Текст списка 3
  4. Текст списка 4

Эффект: (type="a")

  1. Текст списка 1
  2. Текст списка 2
  3. Текст списка 3
  4. Текст списка 4

Эффект: (type="I")

  1. Текст списка 1
  2. Текст списка 2
  3. Текст списка 3
  4. Текст списка 4

Эффект: (type="i")

  1. Текст списка 1
  2. Текст списка 2
  3. Текст списка 3
  4. Текст списка 4

Эффект: (type="1")

  1. Текст списка 1
  2. Текст списка 2
  3. Текст списка 3
  4. Текст списка 4
Атрибут Start
Служит для указания, с какого индекса начинается нумерация списка.
Значение любое целое число. Например если Вы выбрали type="a" и хотите чтоб Ваш список начался с буквы "d" поставьте в атрибуте "start" значение "4". В этом случае браузер отсчитает в алфавите четвертую букву и начнет список с нее.

Записывается так:

<Ol type="A" start="5>
    <Li>Текст списка 1</Li>
    <Li>Текст списка 2</Li>
    <Li>Текст списка 3</Li>
    <Li>Текст списка 4</Li>
</Ol>

Эффект:

  1. Текст списка 1
  2. Текст списка 2
  3. Текст списка 3
  4. Текст списка 4
Если в элементе <OL> не указывать его атрибуты, то по умолчанию список отобразится по типу "1" и начнется с "1".

Элемент UL
Этот элемент используется с целью задания непронумерованных списков. Имеет атрибут "type" для задания вида маркера, со значениями disc, circle, square.
Атрибут Type
Определяет вид маркера непронумерованного списка.

Имеет значения:

disc-диск
circle-круг
square-квадрат

disc - определяет вид маркера в виде залитого диска.

Записывается так:

<Ul type="disc">
    <Li>Текст списка 1</Li>
    <Li>Текст списка 2</Li>
    <Li>Текст списка 3</Li>
    <Li>Текст списка 4</Li>
</Ul>

Эффект: (type="disc")

  1. Текст списка 1
  2. Текст списка 2
  3. Текст списка 3
  4. Текст списка 4

Эффект: (type="circle")

  1. Текст списка 1
  2. Текст списка 2
  3. Текст списка 3
  4. Текст списка 4

Эффект: (type="square")

  1. Текст списка 1
  2. Текст списка 2
  3. Текст списка 3
  4. Текст списка 4


Элемент LI
Создает пункт в списке и располагается внутри элементов <OL> и <UL>

Элемент DL
Используется с целью задания словарей, глоссариев и прочих перечней. Имеет дополнительные элементы <DT> и <DD>

Элемент DT
Создает термин в списке определений внутри элемента <DL>

Элемент DD
Cоздает определение термина внутри элемента <DL>



Элементы <DT> и <DD> записываются внутри элемента <DL>

Записывается так:

<DL>
<DT> Термин
<DD> Определение термина
<DD> Определение термина
<DD> Определение термина
<DD> Определение термина
</DL>

Эффект:

Термин
Определение термина
Определение термина
Определение термина
Определение термина





[Рекомендовать другу]  [Содержание  


Вывоз мусора в Уфе на автомобилях ГАЗель, Услуги грузчиков, Утилизация старой мебели


Щелкните здесь, чтобы узнать, как повысить тИЦ и Page Rank Вашего сайта. Бесплатно!

© Rusws™ 2007-2012. Разработка и техническая поддержка: RUSWS.RU
Хостинг от SpaceWeb

Перепечатка любых материалов с портала www.rusws.ru только с письменного разрешения администрации и с размещением ссылки на портал!

Техническая поддержка: rusws[собака]mail.ru
Rambler's Top100