Eine Definitionsliste ist eine Reihe von Einträgen, die aus einem zu definierden Ausdruck und der entsprechenden Definition besteht. Anwendung findet diese Listenform z.B. bei einem Glossar.

Das Element <dl>:

dl = definition list = Definitionslist

Das HTML Element <dl> bildet den Anfang einer Definitonsliste. Danach folgen die Einträge. Mit dem HTML Element </dl> wird das Ende der Definitonsliste gekennzeichnet.

Das Element <dt>:

dt = definition (list) term = Ausdruck in der Definitionsliste

Statt eines Aufführungszeichen steht bei einer Defintionsliste ein Begriff. Dieser Begriff muß zwischen den HTML-Elementen <dt> und </dt> stehen.

Das Element <dd>:

dd = definition (list) definition = Definition in der Definitionsliste

Nach dem zu definierenden Ausdruck, folgt die Definiton des Ausdruckes. Diese steht zwischen den HTML Elementen <dd> und </dd>

Abkürzungen:
<dl>
 <dt>CSS</dt>
 <dd>Cascading Style Sheets</dd>
 <dt>HTML</dt>
 <dd>Hypertext Markup Language</dd>
 <dt>W3C</dt>
 <dd>World Wide Web Consortium</dd>
</dl>

Definitionslisten und Layout

Um eine Definitonsliste optisch an das Design einer Webseite anzupassen, benutzen Sie CSS. HTML bildet nur die Textstruktur.

Eine geordnete Liste ist eine Reihe von Elementen, die in einer logischen Verbindung zueinander stehen und in einer besonderen Reihenfolge aufgezählt werden sollen.

Das HTML Element <ol>:

Das HTML Element <ol> bildet den Anfang einer geordneten Liste. Danach folgen die Listeneinträge. Mit dem HTML Element </ol> wird das Ende der geordneten Liste gekennzeichnet.

Das HTML Element <li>:

Jeder einzelne Listeneintrag einer geordneten Liste muß zwischen den HTML Elementen <li> und </li> stehen.

Nummerierte Liste:

Die nummerierte Liste ist die standardmäßig eingestellte Liste bei geordneten Listen. Wenn Sie eine andere Aufzählung wünschen, so können Sie das Attribut type="Wert" benutzen. Wollen Sie eine andere Startnummer definieren, so können Sie dies mit dem Attribut "start" machen.

HTML Listen:
<ol>
  <li>Ungeordnete Liste</li>
  <li>Geordnete Liste</li>
  <li>Definitionsliste</li>
  <li>Verzeichnisliste</li>
  <li>Menüliste</li>
</ol>

Aufzählungsform wählen

Mit Hilfe des Attributes type="Wert" im Start-Tag <ol> können Sie für die HTML Liste eine andere Aufzählungsform wählen. Statt der standardmäßig eingestellten Zahlen können Sie so z.B. eine römisch nummerierte Liste erstellen.

Alphabetisch nummerierte HTML Liste:

Um eine geordnete Liste alphabetisch zu nummerieren, müssen Sie dem Attribut "type" den Wert "A" oder "a" zuweisen.

HTML Listen:
<ol type="A">
  <li>Ungeordnete Liste</li>
  <li>Geordnete Liste</li>
  <li>Definitionsliste</li>
  <li>Verzeichnisliste</li>
  <li>Menüliste</li>
</ol>

HTML Listen:
<ol type="a">
  <li>Ungeordnete Liste</li>
  <li>Geordnete Liste</li>
  <li>Definitionsliste</li>
  <li>Verzeichnisliste</li>
  <li>Menüliste</li>
</ol>

Römisch nummerierte HTML Liste:

Um eine geordnete Liste römisch zu nummerieren, müssen Sie dem Attribut "type" den Wert "I" oder "i" zuweisen.

HTML Listen:
<ol type="I">
  <li>Ungeordnete Liste</li>
  <li>Geordnete Liste</li>
  <li>Definitionsliste</li>
  <li>Verzeichnisliste</li>
  <li>Menüliste</li>
</ol>

HTML Listen:
<ol type="i">
  <li>Ungeordnete Liste</li>
  <li>Geordnete Liste</li>
  <li>Definitionsliste</li>
  <li>Verzeichnisliste</li>
  <li>Menüliste</li>
</ol>

Startwert setzen:

Mit dem Attribut start="Wert" im einleitenden Element <ol> können Sie den Startwert der geordneten Liste beliebig setzen.

Mit dem Attribut value="Wert" im einleitenden Element <li> können Sie wieder den Startwert in der geordneten Liste neu setzen.

Liste 1 beginnend bei 13:
<ol type="1" start="13">
  <li>Ungeordnete Liste</li>
  <li>Geordnete Liste</li>
  <li value="30">
  Definitionsliste
  </li>
  <li>Verzeichnisliste</li>
  <li>Menüliste</li>
</ol>

Liste 2 beginnend bei röm. 10:
<ol type="I" start="10">
  <li>Ungeordnete Liste</li>
  <li>Geordnete Liste</li>
  <li>Definitionsliste</li>
  <li>Verzeichnisliste</li>
  <li>Menüliste</li>
</ol>

Eine ungeordnete Liste ist eine Reihe von Elementen, die in irgendeiner Weise miteinander in einer logischen Verbindung stehen, aber in keiner besonderen Reihenfolge aufgezählt werden müssen.

Das HTML Element <ul>:

Die ungeordnete Liste wird mit dem HTML Element <ul> eingeleitet. Danach folgen die Listeneinträge. Gibt es keine Listeneinträge mehr, so wird die ungeordnete Liste mit dem HTML Element </ul> abgeschlossen.

Das HTML Element <li>:

Jeder einzelne Listeneintrag muß zwischen den HTML-Elementen <li> und </li> stehen.

Liste ohne Aufzählungszeichen:

Um eine HTML Liste ohne Aufzählungszeichen zu erstellen, müssen Sie mit CSS arbeiten. Es ist zwar möglich, das Listenpunkt-Element einfach wegzulassen und Linsteneinträge mit einem Zeilenumbruch <br /> voneinander zu trennen, doch diese Sytax ist “INVALIDE“.

Liste mit Aufzählungszeichen:

Wollen Sie eine HTML Liste mit Aufzählungszeichen, so müssen Sie das einleitende Element <li> und das abschließende Element </li> benutzen. Standardmäßig ist hier als Aufzählungszeichen der Wert "disc" eingestellt.

HTML Listen:
<ul>
  <li>Ungeordnete Liste</li>
  <li>Geordnete Liste</li>
  <li>Definitionsliste</li>
  <li>Verzeichnisliste</li>
  <li>Menüliste</li>
</ul>

Das Attribut type:

Sie können das Aussehen der Listenpunkte in der HTML Liste verändern, indem Sie das Attribut type="Wert" mit einem entsprechendem Wert im einleitenden Element <ul> angeben. Wie die Zeichen genau ausgegeben werden entscheidet der Browser. Grundsätzlichen werden 3 Typen von Listenpunkten unterschieden.

Das Attribut type="disc"
<ul type="disc">
<li>disc = Scheibe (Standard)</li>
</ul>

Das Attribut type="square"
<ul type="square">
<li>square = Quadrat </li>
</ul>

Das Attribut type="circle"
<ul type="circle">
<li>circle = Kreis </li>
</ul>

Sie können das Attribut type="Wert" auch in Verbindung mit dem Element <li> nutzen. Dadurch können Sie innerhalb einer HTML Liste das Aufzählungszeichen ändern.

Das Attribut "type" im Element li:
<ul>
<li type="disc">HTML</li>
<li type="square">CSS</li>
<li type="circle">Java</li>
</ul>