Aufzählungszeichen & Listen

Details: Zuletzt aktualisiert am Sonntag, 03. Juni 2012 16:26; Geschrieben von Jan Pionzewski

In HTML stehen Ihnen verschiedene Möglichkeiten zur Verfügung, Aufzählungen und Listen zu definieren.

Einfache Listen definieren

Beispiel:

<ul>
<li>Seite 1</li>
<li>Seite 2</li>
<li>Seite 3</li>
</ul>

Verschachtelte Listen definieren

Beispiel:

<ul>
<li>Seite 1
    <ul>
      <li>Seite 1.1</li>
      <li>Seite 1.2</li>
   </ul>
</li>
<li>Seite 2
    <ul>
      <li>Seite 2.1</li>
      <li>Seite 2.2</li>
    </ul>
</li>
</ul>

Nummerierte Listen erstellen

Beispiel:

<ol>
<li>Anzeigebeispiele</li>
<li>Wiedergabebeispiele</li>
</ol>

Definitionslisten erstellen

Beispiel:

<dl>
<dt>W</dt>
<dd>Webmasterparadies.de</dd>
<dt>X</dt>
<dd>Xylophon</dd>
</dl>

Verschiedene Listeneingenschaften

Beispiele:

<ul type="square">
<li>Rechteckiges Listenzeichen</li>
</ul>

<ul type="circle">
<li>Hohler Kreis</li>
</ul>

<ol type="I">
<li>I - Römische Ziffern 1</li>
<li>II - Römische Ziffern 2</li>
</ol>

Tipp:
Aufzählungslisten mit römischen Ziffern funktionieren auch mit den attributen i A und a - also auch mit kleinen römischen Ziffern und mit Groß- oder Kleinbuchstaben.
Mit dem Attribut start="<wert>" eines einleitenden <ol>-Tags können Sie einen beliebigen Startwert setzen. Das Attribut value="<wert>" bei einem einleitenden <li>-Tag hingegen startet die Liste mit dem eingesetzten Wert neu.