HTML Basis

Gesamt   F+A

Texte markieren

Manchmal möchte man Textstellen farbig hervorheben. Dazu kann natürlich einfach der FONT-Befehl mit dem Attribut COLOR verwendet werden. Dem Farb-Attribut wird ein gewünschter Wert zugewiesen, entweder als Farbname oder besser noch mit dem hexadezimalen Wert. Für einen pinkfarbenen Text z.B. wird also eingegeben:

<FONT COLOR=#FF69B4>Farbiger Text</FONT> oder <FONT COLOR=hotpink>Farbiger Text</FONT>.

Alles was von der FONT-Anweisung umklammert ist, wird dann in der angegebenen Farbe dargestellt:

Farbiger Text

Nun gut, Sie dachten bei Textmarkierungen wohl eher an eine farbige Hinterlegung des Textes, wie bei einem Textmarker. In HTML gibt es dafür keine entsprechenden Befehle. Man kann das aber mit einer kleinen Tabelle realisieren:

<TABLE>
<TR>
<TD BGCOLOR=#FF69B4>
Text...
</TD>
</TR>
</TABLE>

Um einen Text mit HTML zu

Die Nachteile sind aber offensichtlich:

• umständlich
• aufgeblähter Code
• Zeilenumbruch durch die Tabelle
• korrekterweise müßten in der Zelle auch noch Angaben für Schriftart und -größe festgelegt werden

Zumindestens die letzten 3 Punkte könnte man durch das Erstellen einer Grafikdatei (ein Text mit farblichem ) umgehen. Dies führt aber potentiell zu anderen Nachteilen. Auf jeden Fall ist es noch umständlicher. Außerdem könnte die Grafikdarstellung beim User abgestellt sein. Das könnte man aber wenigstens teilweise durch einen entsprechenden ALT-Texthinweis kompensieren. Nicht so schön ist allerdings, daß die Darstellung der Textgrafik nicht unbedingt mit dem Kontext harmonisiert. Siehe hierzu das Beispiel in der Klammer. Die Unterlänge vom Buchstaben "g" macht sich negativ bemerkbar. Die Grafik wird nach oben versetzt.

Gott sei Dank geht es auch einfacher mit Style-Sheets nach CSS-Syntax. Der Quellcode lautet:

Text mit <span style="background-color:#FFFF33">gelbem Hintergrund</span> ist auffällig.

Text mit gelbem Hintergrund ist auffällig.

Das Ergebnis entspricht unseren Wünschen, oder? Man kann übrigens den von der span-Anweisung umschlossenen Text mit weiteren HTML-Angaben wie z.B. Fett- oder Kursiv-Schrift formatieren.

Für die span-Anweisung werden keine weiteren Style-Sheet- Definitionen im Kopf-Bereich der HTML-Datei benötigt. Kleiner Wermutstropfen: Ein Browser muß natürlich die CSS-Anweisung verstehen und richtig interpretieren. Das dürfte in der Praxis fast immer der Fall sein.