homepage-buttons.de
Templates, Buttons und mehr
 
 

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.

Nun lernen Sie, wie Sie Text mittels HTML 4 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.

Um es nochmal deutlich vorab zu sagen: die nachfolgenden Infos - insbesondere zu Font-Face und Font-Size - entsprechen nicht mehr dem aktuellen Stand der Websitegestaltung, denn heutzutage wird Formatierung und Gestaltung in CSS geschrieben! Die nachfolgenden Informationen dienen primär dem blutigen Anfänger, der sich erst einmal in die tiefsten Grundlagen des HTML 4 einarbeiten möchte oder aber diese Infos sind auch dann hilfreich, wenn man z.B. einen einzelnen kleinen Bereich eines Textes in einer vom sonstigen Design der Website entfernten Farbe definieren möchte und dafür nicht gleich die zentrale CSS-Datei projektweit anpassen möchte. Dafür nutze ich hie und da auch heute noch diese Befehle, aber nun ans Werk.

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.

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 wie sie geöffnet wurden, also:
<p> <font> </font> </p>

Beim genaueren Hinsehen wird Ihnen auffallen, dass bei dem roten und blauen Text eine Farbangabe (color) im sogenannten Hexadezimalwert angegeben ist, beim grauen Text nicht. Das liegt daran, dass ich in meiner Grundeinstellung mittels CSS die Hintergrundfarbe für die Website als grau definiert habe.

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

 

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

« zurück zur Übersicht