homepage-buttons.de
Templates, Buttons und mehr
 
 

HTML-Kurs - Schriftfarbe, Schriftart und Schriftgröße (3)

1.2.3 Schriftfarbe, Schriftgröße und Schriftart (3)

1.2.3.3 Schriftgröße

Wie kann ich in HTML die Größe der Schrift definieren?

Mit dem Attribut size innerhalb des Tags <font> definiert man in reinem HTML 4 die Schriftgröße eines Textes. Dabei gehen die Werte von -2 (am kleinsten) bis +4 (am größten), wobei das + u.U. auch weggelassen werden kann. Die Werte sind relativ zu der Standardeinstellung des Browsers des Besuchers.

In CSS gäbe es die Möglichkeit eine feste Größe, z.B. 12 pt anzugeben. Das ist in HTML leider nicht möglich.

Beispiel:

Times New Roman, Größe +4
Text 2 mit Definition Verdana, Arial, Helvetica, Normalgröße
Text 3 mit Definition Verdana, Arial, Helvetica, Größe -2

Auch wenn im modernen Webdesign - wie vorher bereits erwähnt - diese relativen Größeneinstellungen -2 bis +4 mit dem Font-Tag kaum mehr zum Einsatz kommen ist doch interessant, dass sie auch heute noch stark genug sind, die zentrale CSS-Einstellung zu übersteuern, wie beim Beispiel hier gleich oberhalb im Kasten deutlich wird.

1.2.3.5 Zusammenfassung

In diesem Kapitel haben Sie gelernt, wie man Texte in reinem HTML 4 formatiert, also in der Farbe, Positionierung, Größe und Schriftart verändert.

Zuerst haben wir gelernt, wie man einen Text mit dem Attribut align links, zentriert oder rechtsbündig ausrichtet.

Der dazugehörige Tag heißt <font> (englisch für: Schrift). Die einzelnen Attribute heißen size für die Größe, color für die Farbe und face für die Schriftart. Alle Attribute können in einem Tag definiert werden, was wie folgt aussieht:

<p align="center"><font family="Verdana,Arial,Helvetica" color="#FF0000" size="+2"
>Mittig ausgerichteter Text in Größe +2 und Schrift Verdana,Arial,Helvetica</font></p>

Die Ausgabe des Textes im Browser ist wie folgt:

Mittig ausgerichteter roter Text in Größe +2 und Schrift Verdana,Arial,Helvetica

 

Übersicht:

Tag / Attribut
Beschreibung
<font> </font>
Definiert die Schriftausgabe
size="..."
Bestimmt die Schriftgröße (-2 bis +4)
color="..."
Bestimmt die Schriftfarbe, Angabe in Hexadezimalcode
face="..."
Bestimmt die Schriftart (z.B. Verdana, Arial, Helvetica)

 

Auf der nächsten Seite erfahren Sie, wie man Text fett, kursiv, unterstrichen oder anderweitig hervorgehoben darstellen kann.

« zurück zu Schriftfarbe/-art/-größe (2) | weiter zu "Text hervorheben" »

« zurück zur Übersicht