HTML Lists

HTML ondersteunt geordende, ongesorteerde en definitielijsten

Voorbeelden

De ongesorteerde lijst
Dit voorbeeld toont de ongesorteerde lijst.
有序列表
Dit voorbeeld toont de geordende lijst.

（Meer voorbeelden vindt u aan het einde van deze pagina。）

De ongesorteerde lijst

De ongesorteerde lijst is een lijst van items, gemarkeerd met vetgevulde cirkels (typisch kleine zwarte cirkels).

De ongesorteerde lijst begint met het <ul>-tag. Elk lijstitem begint met een <li>.

<ul>
<li>Koffie</li>
<li>Melk</li>
</ul>

De browser toont als volgt:

  • Koffie
  • Melk

Je kunt in de lijstitems paragrafen, regelbreaks, afbeeldingen, links en andere lijsten gebruiken, enz.

有序列表

Ook geordende lijsten zijn een lijst van items, en de lijstitems worden genummerd.

Geordende lijsten beginnen met de <ol>-tag. Elke lijstitem begint met een <li>-tag.

<ol>
<li>Koffie</li>
<li>Melk</li>
</ol>

De browser toont als volgt:

  1. Koffie
  2. Melk

Je kunt in de lijstitems paragrafen, regelbreaks, afbeeldingen, links en andere lijsten gebruiken, enz.

Definitielijst

Een aangepaste lijst is niet alleen een lijst van items, maar een combinatie van items en hun annotaties.

Maak een aangepaste lijst die begint met de <dl>-tag. Elke aangepaste lijstitem begint met een <dt>. De definitie van elke aangepaste lijstitem begint met een <dd>.

<dl>
<dt>Koffie</dt>
<dd>Zwarte hete drank</dd>
<dt>Melk</dt>
<dd>Witte koude drank</dd>
</dl>

De browser toont als volgt:

Koffie
Zwarte hete drank
Melk
Witte koude drank

Je kunt in de lijstitems van een definitielijst paragrafen, regelbreaks, afbeeldingen, links en andere lijsten gebruiken, enz.

Meer voorbeelden

Verschillende types ongesorteerde lijsten
Dit voorbeeld demonstreert een ongesorteerde lijst.
Verschillende types geordende lijsten
Dit voorbeeld demonstreert verschillende types geordende lijsten.
Geneste lijst
Dit voorbeeld demonstreert hoe je lijsten kunt genesteren.
Geneste lijst 2
Dit voorbeeld demonstreert een complexere geneste lijst.
Definitielijst
Dit voorbeeld demonstreert een definitielijst.

Lijsttag

Tag Beschrijving
<ol> Definieer de geordende lijst.
<ul> Definieer de ongesorteerde lijst.
<li> Definieer de lijstitems.
<dl> Definieer de definitielijst.
<dt> Definieer de definitie van het item.
<dd> Definieer de beschrijving van de definitie.
<dir> Verouderd. Gebruik <ul> in plaats ervan.
<menu> Verouderd. Gebruik <ul> in plaats ervan.