Организация списков
Списки
в HTML бывают двух видов: упорядоченные (пронумерованные) и неупорядоченные
(непронумерованные). Отличаются они лишь способом оформления. Перед
пунктами неупорядоченных списков обычно ставятся символы-буллеты
(bullets), например, точки, ромбики и т.п., в то время как пунктам
упорядоченных списков предшествуют их номера.
- Элемент OL
- Используется с целью задания нумерованных списков.
Элемент <OL> включает в себя дополнительный элемент
<LI>, который задает элементы списка.
Имеет атрибуты;
- атрибут Type
- Определяет вид нумерованного списка
Имеет значения "1", "A", "a",
"I", "i".
Записывается так:
<Ol type="A">
<Li>Текст списка 1</Li>
<Li>Текст списка 2</Li>
<Li>Текст списка 3</Li>
<Li>Текст списка 4</Li>
</Ol>
Эффект; (type="A")
- Текст списка 1
- Текст списка 2
- Текст списка 3
- Текст списка 4
Эффект;(type="a")
- Текст списка 1
- Текст списка 2
- Текст списка 3
- Текст списка 4
Эффект;(type="1")
- Текст списка 1
- Текст списка 2
- Текст списка 3
- Текст списка 4
Эффект;(type="I")
- Текст списка 1
- Текст списка 2
- Текст списка 3
- Текст списка 4
Эффект;(type="i")
- Текст списка 1
- Текст списка 2
- Текст списка 3
- Текст списка 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
- Текст списка 2
- Текст списка 3
- Текст списка 4
Если в элементе <OL> не указывать его атрибуты,
то по умолчанию список отобразится по типу "1" и начнется
с "1". |
- Элемент UL
- Этот элемент используется с целью задания ненумерованых
списков.
Имеет атрибут "type" для задания вида маркера,
со значениями;
- circle
- определяет вид маркера в виде круга.
Записывается так:
<Ul type="circle">
<Li>Текст списка 1</Li>
<Li>Текст списка 2</Li>
<Li>Текст списка 3</Li>
<Li>Текст списка 4</Li>
</Ul>
Эффект; (type="circle")
- Текст списка 1
- Текст списка 2
- Текст списка 3
- Текст списка 4
- disc
- определяет вид маркера в виде залитого
диска.
Записывается так:
<Ul type="disc">
<Li>Текст списка 1</Li>
<Li>Текст списка 2</Li>
<Li>Текст списка 3</Li>
<Li>Текст списка 4</Li>
</Ul>
Эффект; (type="disc")
- Текст списка 1
- Текст списка 2
- Текст списка 3
- Текст списка 4
- square
- определяет вид маркера в виде залитого
диска.
Записывается так:
<Ul type="square">
<Li>Текст списка 1</Li>
<Li>Текст списка 2</Li>
<Li>Текст списка 3</Li>
<Li>Текст списка 4</Li>
</Ul>
Эффект; (type="circle")
- Текст списка 1
- Текст списка 2
- Текст списка 3
- Текст списка 4
|
- Элемент LI
- Создает пункт в списке и располагается внутри
элементов<OL> и <UL>
- Элемент DL
- Используется с целью задания словарей, глоссариев
и прочих перечней. Имеет дополнительные элементы <DT>
и <DD>
- Элемент DT
- Создает термин в списке определений внутри элемента
<DL>
- Элемент DD
- Cоздает определение термина внутри элемента <DL>
Элементы <DT> и <DD>
записываются внутри эемента <DL> так;
<DL>
<DT>HTML</DT>
<DD>Это язык гипертестовой разметки документа</DD>
<DT> HyperText Markup Language</DT>
<DD>Расшифровка абревиатуры "HTML"</DD>
</DL>
Эффект;
- HTML
- Это язык гипертестовой разметки документа
- HyperText Markup Language
- Расшифровка абревиатуры "HTML"
|