пятница, 22 марта 2013 г.

HTML: списки

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


<ul>
 <li>Первый пункт</li>
 <li>Второй пункт</li>
 <li>Третий пункт</li>
</ul>

Список с маркерами в виде круга
<ul type="disc">
<li>...</li>
</ul>
<ul type="disc">
 <li>Первый пункт</li>
 <li>Второй пункт</li>
 <li>Третий пункт</li>
</ul>
  • Первый пункт
  • Второй пункт
  • Третий пункт

Список с маркерами в виде окружности
<ul type="circle">
<li>...</li>
</ul>
Например:
<ul type="circle">
 <li>Первый пункт</li>
 <li>Второй пункт</li>
 <li>Третий пункт</li>
</ul>
  • Первый пункт
  • Второй пункт
  • Третий пункт

Список с квадратными маркерами
<ul type="square">
<li>...</li>
</ul>
Например:
<ul type="square">
 <li>Первый пункт</li>
 <li>Второй пункт</li>
 <li>Третий пункт</li>
</ul>
  • Первый пункт
  • Второй пункт
  • Третий пункт


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


<ol>
 <li>Первый пункт</li>
 <li>Второй пункт</li>
 <li>Третий пункт</li>
</ol>

Арабские числа
<ol type="1">
<li>...</li>
</ol>
Например:
<ol type="1">
 <li>Первый пункт</li>
 <li>Второй пункт</li>
 <li>Третий пункт</li>
</ol>
  1. Первый пункт
  2. Второй пункт
  3. Третий пункт

Прописные буквы латинского алфавита
<ol type="A">
<li>...</li>
</ol>
Например:
<ol type="A">
 <li>Первый пункт</li>
 <li>Второй пункт</li>
 <li>Третий пункт</li>
</ol>
  1. Первый пункт
  2. Второй пункт
  3. Третий пункт

Строчные буквы латинского алфавита
<ol type="a"> 
<li>...</li>
</ol>
Например:
<ol type="a">
 <li>Первый пункт</li>
 <li>Второй пункт</li>
 <li>Третий пункт</li>
</ol>
  1. Первый пункт
  2. Второй пункт
  3. Третий пункт

Римские числа в верхнем регистре
<ol type="I">
<li>...</li>
</ol>
Например:
<ol type="I">
 <li>Первый пункт</li>
 <li>Второй пункт</li>
 <li>Третий пункт</li>
</ol>
  1. Первый пункт
  2. Второй пункт
  3. Третий пункт

Римские числа в нижнем регистре
<ol type="i">
<li>...</li>
</ol>
Например:
<ol type="i">
 <li>Первый пункт</li>
 <li>Второй пункт</li>
 <li>Третий пункт</li>
</ol>
  1. Первый пункт
  2. Второй пункт
  3. Третий пункт


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


<dl>
  <dt>Термин 1</dt>
    <dd>Определение 1</dd>
  <dt>Термин 2</dt>
    <dd>Определение 2</dd>
</dl>
Термин 1
Определение 1
Термин 2
Определение 2