Списки

По возможности избегайте вложения списков в списки; они работают нормально, но выглядят не очень красиво. Вместо списка внутри списка попробуйте использовать простые теги <p> для внешнего «слоя» списка.

Неупорядоченные списки

  • яблоки
    • Ред Делишес
    • Фудзи
    • Бабушка Смит
      • зеленый
      • кислый
  • груши
  • бананы
<ul>
  <li>apples
    <ul>
      <li>Red Delicious</li>
      <li>Fuji</li>
      <li>Granny Smith
        <ul>
          <li>green</li>
          <li>sour</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>pears</li>
  <li>bananas</li>
</ul>

Упорядоченные списки

  1. яблоки
    1. Ред Делишес
    2. Фудзи
    3. Бабушка Смит
      1. зеленый
      2. кислый
  2. груши
  3. бананы
<ol>
  <li>apples
    <ol>
      <li>Red Delicious</li>
      <li>Fuji</li>
      <li>Granny Smith
        <ol>
          <li>green</li>
          <li>sour</li>
        </ol>
      </li>
    </ol>
  </li>
  <li>pears</li>
  <li>bananas</li>
</ol>

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

Альфа
определение альфа
Бета
определение бета
Гамма
определение гаммы
<dl>
  <dt>alpha</dt>
  <dd>the definition of alpha</dd>
  <dt>beta</dt>
  <dd>the definition of beta</dd>
  <dt>gamma</dt>
  <dd>the definition of gamma</dd>
</dl>