Podíváme se na další konstrukci jazyka html. Tím budou seznamy. Máme k dispozici tři.

  • nečíslovaný seznam

  • číslovaný seznam

  • seznam popisků

Nečíslovaný seznam

Nečíslovaný seznam začíná značkou <ul> a končí </ul>.
Každá položka seznamu je uzavřena mezi značky <li> a </li>.
Je to takto jednoduché.

<ul>
  <li>káva</li>
  <li>čaj</li>
  <li>mléko</li>
</ul>

Číslovaný seznam

Číslovaný seznam začíná značkou <ol> a končí </ol>.
Každá položka seznamu je uzavřena mezi značky <li> a </li>.
Pokud neřekneme jinak, tak jsou položky seznamu číslovány arabskými číslicemi a začíná se jedničkou.

<ol>
  <li>káva</li>
  <li>čaj</li>
  <li>mléko</li>
</ol>

Seznam popisků

Seznam popisků je seznam termínů, kde u každého termínu je jeho vysvětlení.
Celý seznam začínáme značkou <dl>, značka <dt> definuje termín a značka <dd> je začátkem popisu nebo vysvětlení termínu.
Příslušné koncové značky jsou </dl>, </dt> a </dd>.

<dl>
  <dt>káva</dt>
  <dd> - černý horký nápoj</dd>
  <dt>mléko</dt>
  <dd> - bílý studený nápoj</dd>
</dl>

Ve zbytku hodiny si vyzkoušíte vlastníma rukama udělat HTML stránku se všemi typy seznamů a příště si řekneme něco o stylování seznamů.