Главная HTML Теги списка

Теги списка

Списки бывают трех типов:
  1. Нумерованный список.
  2. Маркированный список.
  3. Список определений.

 

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

Синтаксис
<OL type = A | a | I | i |1 start = n >
  <LI> данные... </LI>
  <LI> данные... </LI>
</OL>
Атрибуты
type = A | a | I | i |1 - вид нумератора

A - большие латинские буквы (A,B,C...)
a - маленькие латинские буквы (a,b,c...)
I - большие римские цифры (I,II,III...)
i - маленькие римские цифры (i,ii,iii...)
1 - обычные цифры (1,2,3...)

start = n
n - число, с которого начинается отсчет

Нумерованный список
1 
<ol type=I>
<li>Рецепт приготовления салата.</li>
  <ol type=A>
    <li>Советы:<li>
    <ol>
      <li>совет хороший</li>
      <li>совет плохой</li>
    </ol>
    <li>Замечания:</li>
    <ol start=3>
      <li>замечание 1</li>
      <li>замечание 2</li>
    </ol>
  </ol>
<li>Рецепт приготовления питцы.</li>
</ol>
Результат примера
1
  1. Рецепт приготовления салата.
    1. Советы:
      1. совет хороший
      2. совет плохой
    2. Замечания:
      1. замечание 1
      2. замечание 2
  2. Рецепт приготовления питцы.

 

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

Синтаксис
<UL type = disc | circle | square >
  <LI> данные... </LI>
  <LI> данные... </LI>
</UL>
Атрибуты
type = disc | circle | square - вид маркера

disc - диск (по умолчанию)
circle - круг
square - квадрат

Маркированный список
2
Маркер списка - диск 
<ul>
    <li>текст 1<li>
    <li>текст 2</li>
    <li>текст 3</li>
</ul>
Результат примера
2
Маркер списка - диск
  • текст 1
  • текст 2
  • текст 3
Маркированный список
3
Маркер списка - круг 
<ul type=circle>
    <li>текст 1<li>
    <li>текст 2</li>
    <li>текст 3</li>
</ul>
Результат примера
3
Маркер списка - круг
  • текст 1
  • текст 2
  • текст 3
Маркированный список
4
Маркер списка - квадрат 
<ul type=square>
    <li>текст 1<li>
    <li>текст 2</li>
    <li>текст 3</li>
</ul>
Результат примера
4
Маркер списка - квадрат
  • текст 1
  • текст 2
  • текст 3

 

3. Список определений (описаний)

Синтаксис
<DL>
  <DT> "термин" </DT>
  <DD> "описание" </DD>
</DL>
Описание
В списке определений указываются термины/названия и их определения.

Такого рода списки используются для создания словарей, справочников и т.д.

Список определений
5 
<DL>
  <DT><b>Атрибут HTML</b></DT>
    <DD>Атрибут предоставляет дополнительную информацию об элементе HTML.</DD>
  <DT><b>Атрибут style</b></DT>
    <DD>Атрибут style используется для добавления стилей к элементу, таких как цвет, шрифт, размер и т. д.</DD>
</DL>
Результат примера
5
Атрибут HTML
Атрибут предоставляет дополнительную информацию об элементе HTML.
Атрибут style
Атрибут style используется для добавления стилей к элементу, таких как цвет, шрифт, размер и т. д.