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.

Bei der Textstrukturierung ist die Überschrift eines der wesentlichen Merkmale um Textabschnitte zu kennzeichnen. HTML bietet mit dem Element h (h = heading = Überschrift) die Möglichkeit Überschriften 6 Ebenen tief anzuwenden.

Das Element h1 bis h6

Um eine HTML Überschrift einzuleiten nutzen Sie z.B. das Element <h1> und zum abschließen der HTML Überschrift, das entsprechende Gegenstück </h1>. Zwischen dem Start-Tag und dem End-Tag steht der gewünschte Text, der als Überschrift gekennzeichnet werden soll.

Quelltext:

<h1>Überschrift der 1. Ordnung</h1>
<h2>Überschrift der 2. Ordnung</h2>
<h3>Überschrift der 3. Ordnung</h3>
<h4>Überschrift der 4. Ordnung</h4>
<h5>Überschrift der 5. Ordnung</h5>
<h6>Überschrift der 6. Ordnung</h6>

Ausgabe:

Eine HTML Überschrift ausrichten

Mit dem Attribut align="Wert" (align = ausrichten) im einleitenden Überschriften-Element <h1>, können Sie bestimmen wie die Überschrift ausgerichtet werden soll. Dabei bestimmt "Wert" die Position.

Quelltext:

<h3 align="center">Überschrift der 3. Ordnung zentriert</h3>
<h3 align="right">Überschrift der 3. Ordnung rechtsbündig</h3>
<h3 align="left">Überschrift der 3. Ordnung linksbündig</h3>
<h3 align="justify">Überschrift der 3. Ordnung im Blocksatz. Diese Form 
der Ausrichtung einer HTML Überschrift wird erst dann sichtbar, wenn 
der Text der Überschrift mehrere Zeilen lang ist</h3>

Ausgabe:

HTML bietet die Möglichkeit, durch sogenannte Inline-Elemente, den Text innerhalb des Dokumentes weiter auszuzeichnen. Diese Elemente stehen in der Zeile und geben Textfragmenten Strukturinformationen. Daher erzeugen Sie auch keinen Zeilenumbruch. Des Weiteren können Inline-Elemente beliebig ineinander geschachtelt werden.

Inline-Elemente kann man grundsätzlich in zwei Elementtypen unterteilen. Dabei handelt es sich einmal um logische Elemente und zum anderen um physische Elemente zur Textauszeichnung.

Logische Textauszeichnung

Elemente für logische Auszeichnung ordnen den Inhalt in bestimmte Kategorien zu und weisen dem Text eine bestimmte Bedeutung oder Absicht zu. Der Text erscheint je nach Bedeutung anders. Bei logischen Elementen entscheidet der Web-Browser, wie ein solcher Text dargestellt wird, wobei dies immer im Zusammenhang mit der Funktion des Elementes steht und durch CSS bestimmt werden kann.

Attribute: Die meisten Elemente für logische Textauszeichnug haben keine eigenen Attribute, aber Sie können alle Universalattribute anwenden.

Hinweis: Sie können Elemente für logische Textauszeichnung sehr gut mit Stylesheets verwenden und diese entsprechend Ihrer Wünsche formatieren.

Physische Textauszeichnung

Elemente für physische Auszeichnung ändern lediglich die Formatierung des Inhalts unabhängig von dessen Bedeutung, z.B. b für “boldface” (Fettschrift). Mit diesen Elementen können Sie Ihren Text neben fett und kursiv auch größer, kleiner, hochgestellt oder tiefgestellt formatieren.

Attribute: Die meisten Elemente für physische Textauszeichnug haben keine eigenen Attribute, aber Sie können alle Universalattribute anwenden.

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>