Aufzählungszeichen & Listen

Scripting-Tipps - HTML


In HTML stehen Ihnen verschiedene Möglichkeiten zur Vergü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.





Weitere Artikel: