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

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

In den 2 letzten Kapiteln haben Sie erfahren, wie Sie einen Text umbrechen können und wie Sie ihn links, zentriert und rechts ausrichten können. Damit haben Sie gestalterisch jedoch noch nicht wirklich viel erreicht.

Spannender wird die Sache erst jetzt, denn nun lernen Sie, wie Sie Text in einer anderen Farbe darstellen können, in unterschiedlichen Größen und zu guter Letzt in unterschiedlichen Schriftarten. Abgeschlossen wird das Kapitel mit der Erklärung, wie ein Text fett, unterstrichen oder kursiv dargestellt werden kann.

Mit dem Tag <font> wird in HTML definiert, ob Ihr Text schwarz, blau, rot, groß oder klein, als Arial, Helvetica oder Times New Roman dargestellt wird. (Anmerkung: Es gibt dazu die Möglichkeit, die Gestaltung per CSS vorzunehmen, doch in diesem Kurs beschränken wir uns erst einmal auf die Grundlagen des HTML.)

1.2.3.1 Schriftfarbe

Beispiel:

Dies ist ein roter Text, der links ausgerichtet ist. Dies ist ein blauer Text, der mittig zentriert ist. Dies ist ein schwarzer Text, der rechts zentriert ist.

Der zugehörige Quellcode sieht wie folgt aus:

<p align="left"><font color="#FF0000">Dies ist ein roter Text, der links
ausgerichtet ist.</font></p>

<p align="center"><font color="#0000FF">Dies ist ein blauer Text, der mittig
zentriert ist.</font></p>

<p align="right">Dies ist ein schwarzer Text, der rechts zentriert ist.</p>
        

Hier werden 2 Tags miteinander verschachtelt: <p> und <font>, wobei zu beachten ist, dass die Tags in der umgekehrten Reihenfolge wieder geschlossen werden, also:
<p> <font> </font> </p>

Beim genaueren Hinsehen wird Ihnen auffallen, dass bei dem roten und blauen Text eine Farbangabe im sogenannten Hexadezimalwert angegeben ist, beim schwarzen Text nicht. Die Grundeinstellung in HTML sieht einen schwarzen Text vor, so dass dieser nicht mehr zusätzlich als schwarz markiert werden muss. Daher fehlt hier die Angabe.

Sollten Sie keine Möglichkeit haben, den exakten Hexadezimalwert Ihrer gewünschten Farbe definieren zu können, so hilft Ihnen wahrscheinlich unser Color Picker weiter.

« zurück zu Text ausrichten | weiter zu Schriftfarbe, -art und -größe (2) »

« zurück zur Übersicht