Списки

За можливості уникайте вкладених списків у списки; вони добре працюють, але виглядають не дуже красиво. Замість списку в списку спробуйте використовувати звичайні теги <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>