Weitere Optionen des <body>-Tags

Neben der bereits erwähnten Hintergrundfarbe lässt sich im <body>-Tag auch die Textfarbe definieren:

Das Tag <body text="#ff0000"> führt dazu, dass der Text der Seite in der Farbe Rot dargestellt wird. In Kombination mit der Hintergrundfarbe erweitert das die Möglichkeiten der Gestaltung wiederum um einen Faktor von etwa 16,7 Millionen. Möchten Sie sowohl Hintergrund- als auch Textfarbe frei wählen, geben Sie einfach beide Optionen an – die Reihenfolge spielt hierbei keine Rolle. Für grünen Text auf rotem Hintergrund sähe das <body>-Tag also beispielsweise folgendermaßen aus:

<body bgcolor="#ff0000" text="#00ff00">

Mit <body text="lime" bgcolor="red"> erhalten Sie ein identisches Ergebnis.

Eine weitere Option des <body>-Tags ist background=. Hinter dieser Option können Sie den Dateinamen eines Bildes angeben, das dann als Hintergrund verwendet wird.

Tipp: Eine umfassende Referenz, in der die Antwort auf fast jede Frage im Zusammenhang mit HTML zu finden ist, bietet das Internet unter http://de.selfhtml.org.

Information strukturieren

Nachdem wir wissen, wie man Hintergrund- und Textfarbe definiert, befassen wir uns nun mit dem Inhalt der Seite.

Kaum ein Text kommt ohne Überschriften und Zwischenüberschriften aus. Hierfür bietet HTML einige Tags, mit denen diese gekennzeichnet werden können: Sie lauten <h1> (für Überschriften erster Ordnung) bis <h6>. Fassen Sie die Überschrift eines Textes in <h1> und </h1>, so wird diese wesentlich größer und fett dargestellt. Für Überschriften der nächsten Ebene verwenden Sie <h2> und </h2> usw.

HTML kennt also sechs Ebenen für Überschriften und auch diese Tags können mit Optionen beeinflusst werden. Ein Beispiel hierfür ist die Ausrichtung: Ohne spezielle Angabe werden Überschriften linksbündig ausgerichtet. Möchten Sie eine Überschrift zentrieren, geben Sie die Option align="center" an (z. B. <h1 align="center">). Für rechtsbündig ausgerichtete Überschriften verwenden Sie statt "center" den Wert "right", der Wert für Blocksatz lautet "justify".

Normalerweise besteht ein Text nicht nur aus Überschriften, sondern auch aus „normalen“ Absätzen. Für solche ist in HTML das <p>-Tag (p steht für engl. paragraph = Absatz) vorgesehen. Wenn Sie die Absätze Ihrer Texte in <p> und </p> fassen, wird zwischen ihnen und dem umgebenden Text automatisch ein Abstand eingefügt. Leere Absätze bzw. Zeilenschaltungen sind somit überflüssig.

Das zu den Überschriften Gesagte gilt auch für Absätze: Mit der Option align= können Sie deren Ausrichtung festlegen. Möchten Sie innerhalb eines Absatzes eine neue Zeile beginnen, fügen Sie das <br>-Tag ein. Wie für das oben erwähnte <hr>-Tag gibt es auch für das <br>-Tag kein „schließendes“ Gegenstück.

Weitere Tags für die Textgestaltung sind die Tag-Paare <b> und </b> sowie <i> und </i>. Mit <b> und </b> kennzeichnen Sie Text, der in Fettschrift dargestellt werden soll (b = „bold“), während <i> und </i> die kursive Darstellung bewirken (i = „italics“). Bei Bedarf können Sie diese Tags kombinieren und damit Text sowohl kursiv als auch fett formatieren. Achten Sie hierbei auf die korrekte Schachtelung der Tags.

Beispiel:

<p>Der folgende Text ist <b><i>fett und kursiv</i></b>.</p>

ergibt:

Der folgende Text ist fett und kursiv.

Listen

Eine andere Möglichkeit, Informationen zu strukturieren, sind Listen. Zwei in HTML verfügbare sind:

• die unsortierte Liste
• die nummerierte Liste

Beide Listenarten werden in „Listen-Tags“ gefasst und mit Listenpunkten gefüllt: unsortierte Listen werden in <ul> und </ul> gefasst, die Tags für nummerierte Listen lauten <ol> und </ol>.

Die einzelnen Einträge einer Liste werden durch <li> und </li> gegliedert.

Beispiel für eine unsortierte Liste

<ul>
  <li>Ein Punkt.</li>
  <li>Noch ein Punkt.</li>
  <li>Aller guten Dinge sind drei.</li>
</ul>

ergibt:

• Ein Punkt.
• Noch ein Punkt.
• Aller guten Dinge sind drei.

Beispiel für eine nummerierte Liste

<ol>
  <li>Punkt eins.</li>
  <li>Noch ein Punkt.</li>
  <li>Der letzte Punkt der Liste.</li>
</ol>

ergibt:

1. Punkt eins.
2. Noch ein Punkt.
3. Der letzte Punkt der Liste.

Hinweis: Listen lassen sich schachteln. Ein Beispiel sehen Sie auf der Einstiegsseite zu meinen HTML-Projekten.

Umlaute und Sonderzeichen

Bisher haben wir uns ausschließlich mit dem optischen Erscheinungsbild Ihres Textes beschäftigt. Ein Thema, das ebenfalls Aufmerksamkeit verdient, sind Umlaute und andere „Sonderzeichen“. Zeichen dieser Art werden in HTML durch spezielle Codes dargestellt. Eine Gemeinsamkeit dieser Codes besteht darin, dass sie mit dem &-Zeichen beginnen und mit einem Semikolon enden. In der folgenden Tabelle sind die wichtigsten und am häufigsten verwendeten Sonderzeichen aufgeführt.

Hinweis: Sollten einige der Sonderzeichen nicht oder nicht korrekt angezeigt werden, liegt das möglicherweise daran, dass das von Ihnen verwendete Betriebssystem und/oder die verwendete(n) Schrift(en) veraltet ist/sind. Ein anderer Grund könnte sein, dass Ihr Computer für die Verwendung in einer anderen Region konfiguriert ist.
Im ersten Fall sollten Sie Ihr System aktualisieren, im zweiten Fall genügt wahrscheinlich eine Korrektur der „Gebietseinstellungen“.

Eine Auswahl häufig verwendeter Sonderzeichen.

Es gibt natürlich sehr viel mehr als die hier aufgeführten Sonderzeichen. Und von den meisten haben Sie vermutlich nie zuvor gehört. Gewöhnen Sie sich aber bald an, diese zu verwenden – als ein Zeichen guten Stils. Die Zeiten, in denen das Zollzeichen für Anführungen verwendet wurde, sollten längst vorbei sein.

Diese und viele weitere Sonderzeichen finden Sie auch in der bereits erwähnten HTML-Referenz http://de.selfhtml.org. Wenn Sie hier klicken, gelangen Sie direkt zur dortigen Zeichenreferenz.

Interessante Informationen zu vielen Sonderzeichen finden Sie außerdem in der Wikipedia.

Weiter zu: Verweise („Links“)

Nach oben