Listen

HTML-Guide
Handout

HTML-Guide Download Listen

HTML-Guide Download Aufgabenblatt 1

Aufzählungslisten

Es gibt drei Arten von Aufzählungslisten in HTML:

  1. Ungeordnete Listen
  2. Geordnete Listen
  3. Definitionslisten
Dies ist übringes eine geordnete Liste.

Ungeordnete Listen

Als ungeordnete Liste würde sie so aussehen:

Ungeordnete Listen werden durch den <ul>-Tag eingeleitet und mit </ul> wieder geschlossen.

Die einzelnen Listenelemente werden in <li> und </li> eingebettet. Eine Liste wie oben dargestellt sehe im Quelltext in etwa so aus:

<ul type="disc">
  <li>Ungeordnete Listen</li>
  <li>Geordnete Listen</li>
  <li>Definitionslisten</li>
</ul>

Als Attribut für den <ul>-Tag gibt es type. type bestimmt die Art der Aufzählungspunkte. Standard ist der Punkt type="disc", type="circle" stellt einen Kreis dar, type="square" ein Quadrat.

Geordnete Listen

Eine geordnete Liste kann so aussehen:

<ol type="i" start="3">
  <li>Ungeordnete Listen</li>
  <li value="11">Geordnete Listen</li>
  <li>Definitionslisten</li>
</ol>

Der Befehl für die geordnete Liste ist der <ol>-Tag. Die einzelnen Listenelemente werden wiederum in <li> und </li> eingebettet.

ohne type arabische Zahlen 1, 2, 3, 4, ...
type="i" kleine römische Zahlen i, ii, iii, iv, ...
type="I" groß römische Zahlen I, II, III, IV, ...
type="a" Kleinbuchstaben a, b, c, d, ...
type="A" Großbuchstaben A, B, C, D, ...

Als Attribute gibt es wiederum den type, der die Werte i, I, a, A (siehe Tabelle, rechts) enthalten kann. Gibt man keinen type an, so werden arabische Ziffern zur Aufzählung verwendet.

Ein weiteres Attribut ist der Startwert start.

Bei der geordneten Liste kann auch der <li>-Tag eine Attribut enthalten: der Wert value kann für ein einzelnes Listenelement gesetzt werden. Von dort an wird fortlaufgend weiter gezählt.

Definitionslisten

Göttingen
HB
Bremen
M
München
<dl>

  <dt>GÖ</dt>
  <dd>Göttingen</dd>

  <dt>HB</dt>
  <dd>Bremen</dd>

  <dt>M</dt>
  <dd>München</dd>

</dl>

siehe SelfHTML (unter HTML/XHTML -> Elemente zur Textstrukturierung -> Listen)