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.

Es gibt zahlreiche Methoden der Suchmaschinenoptimierung. Eine der einfachsten und überaus effektiven Methoden ist, HTML richtig einzusetzen. Das Prinzip dahinter ist ganz einfach. HTML ist eine textbasierte Auszeichnungssprache, welche die Struktur und Darstellung eines Dokumentes beschreibt. Durch die Bescheibung der Struktur kann ein Suchmaschinenroboter während der Indezierung des Seiteninhaltes die Informationen besser auswerten und so die Relevanz des Inhaltes und einzelner Worte einfacher feststellen.

Nutzen Sie HTML um Ihre Texte richtig zu gliedern und Suchmaschinen werden es Ihnen danken

Insbesondere die Verwendung von Überschriften und Hervorhebungen nutzen die Suchmaschinenroboter, um die Relevanz der Texte und einzelner Worte (Suchbegriffe) zu ermitteln. Sie sollten also nicht nur für Ihre Besucher, sondern auch für Suchmaschinen gut les– bzw. erfassbare Texte bereitstellen.

Dabei gilt grundsätzlich:

Lassen Sie keinen Text "frei" stehen. Verwenden Sie immer ein entsprechendes HTML-Strukturierungselement.

Überschriften schaffen eine Grundstruktur

Verwenden Sie die Überschriften- oder Heading-Tags, um den Besuchern und Suchmaschinenrobotern die Grundstruktur Ihres Textes zu vermitteln. In HTML können Sie Überschriften sechs Ebenen tief kennzeichnen.

Anleitung zum Verwenden von HTML-Überschriften:

• Eine HTML Überschrift definieren

Hilfreiche Texte zum Erstellen von Überschriften:

• Warum Sie immer mit der Überschrift anfangen sollten
• 10 einfache Formeln für anziehende Überschriften
• 7 Beispiele wie sie Aufzählungen in Überschriften effektiv einsetzen

Absätze gliedern Textabschnitte sinngemäß

Der Absatz ist ein übliches Mittel um Texte zu strukturieren, und sollte auch immer verwendet werden. Zum einen entsteht so eine optische Autfteilung des Textes und zum anderen werden so Textabschnitte sinngemäß gegliedert.

Um einen Absatz einzuleiten notieren Sie erstmal das Start-Tag <p> Danach folgt der Inhalt des Absatzes. In HTML ist das End-Tag </p> zwar nicht erforderlich, aber empfehlenswert. Denn ohne, kann es bei einigen Browsern zu Fehlern führen. Um in XHTML einen Absatz zu definieren ist das abschließende Element </p> wiederum zwingend erforderlich.

Listen / Aufzählungen für mehr Überblick

Auch Listen und Aufzählungen sollten Sie mit HTML notieren. HTML bietet Ihnen dabei verschiedene Möglichkeiten Listen und Aufzählungen darzustellen. Unterschieden wird dabei, um was für einen Typ Aufzählung es sich handelt.

Beschreibung zum Definieren von HTML-Listen

• Eine Ungeordnete HTML Liste erstellen
• Eine geordnete HTML-Liste erstellen
• Eine Definitionsliste in HTML erstellen

Relationsdaten durch Tabellen darstellen

Der Einsatz von Tabellen ist nur für die tabellarische Auflistung von Daten die in Relation stehen sinnvoll. Auf die Erstellung von Layouts mithilfe von Tabellen sollten Sie völlig verzichten. Nutzen Sie hierfür CSS.

Adressen kennzeichnen

Auch Adressen (oder Signaturen, Urheberschaft) können durch HTML als solche gekennzeichnet werden. Da es nicht so oft vorkommt, dass sich Adressen auf einer Seite befinden, wird dieses Element selten benutzt. Doch es ist eigens dafür gedacht. Durch diese Auszeichnung weiß ein Suchmaschinenroboter sofort, dass es sich um eine Adresse handelt und kann die Daten / Informationen besser und schneller verarbeiten.

Zitate kennzeichnen

Zitate sollten Sie auch immer entsprechend kennzeichnen. Hierbei können zwei Elemente zum Einsatz kommen. Dabei handelt es sich einmal um das Block-Element "blockquote" und um das Inline-Element "q".

Verwenden Sie für lange Zitate das Block-Element "blockqoute" .

und für kurze Zitate (welche Teil des Textflusses sind) das Inline-Element "q"

Texte und Wörter richtig auszuzeichnen und hervorheben

HTML bietet die Möglichkeit durch sogenannte Inline-Elemente den Text innerhalb der Strukturierungselemente (z.B. innerhalb eines Absatzes) weiter auszuzeichnen. Diese Elemente stehen in der Zeile und geben Textfragmenten Strukturinformationen.

Auch wenn grundsätzlich gilt, dass Sie Text immer mit den geeigneten HTML-Elemente auszeichnen sollten, eignen sich besonders zwei Inline-Elemente, um einzelne Worte (Suchbegriffe) hervorzuheben.

Dabei handelt es sich um die Inline-Elemente “em” und “strong”. Beide betonen ein Wort (oder mehrere) und heben es (sie) so vom restlichen Text ab.

Einen Überblick aller Inline-Elemente finden Sie hier:

• HTML Texte gestalten

HTML und Layout

Beim Einsatz von HTML geht es nicht darum, wie der Text später auf der Webseite aussehen soll und wird. Es geht einzig darum, den Text entsprechend zu gliedern und bestimmte Textteile auszuzeichnen. Natürlich bringt HTML eine standardausprägung mit sich die dazu führt, dass der Text anders aussieht. Doch wer wirklich an der Form, sprich dem Design des Textes was ändern will, nutzt in diesem Zusammenhang CSS.

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>