Online HTML-Kurs (Teil 10): Schriftart, Schriftfarbe und Schriftgröße mit dem Font-Tag ändern
HTML wäre keine geeignete Sprache für ein Dokument, wenn man nicht auch an Schriftart, Schriftfarbe und Schriftgröße herumspielen könnte. Zu diesem Zweck gibt es das <font>-Tag. Dabei werden alle Einstellungen mit den Attributen vorgenommen. Setzt man keine Attribute, so verändert der Container den Inhalt zwischen Start- und Endmarke nicht. Dazu ein Beispiel:
<html>
<head>
<title>Dies ist der Titel</title>
</head>
<body>
<font>Dieser Text ist unverändert obwohl er im Font-Container steht</font>
</body>
</html>
Wie oben schon beschrieben, ändert sich der Text erst durch die geeigneten Attribute. Dabei kann man folgende drei Attribute verwenden: "color", "face" und "size".
<html>
<head>
<title>Dies ist der Titel</title>
</head>
<body>
<font color="#00FF00" face="arial, helvetica" size="5">Dieser Text hat die Schriftart Arial bzw. Helvetica, die Schriftfarbe grün und die Größe 5</font>
</body>
</html>
Mit dem Attribut "color" lässt sich die Farbe ändern. Dies funktioniert über die Angabe der RGB-Farben mit Hex-Werten, welche wir auch schon in Teil 3 verwendet haben.
Die Schriftart kann man über das Attribut "face" festlegen. Dabei sollte man berücksichtigen, dass der Computer der die Webseite aufruft, auch die entsprechende Schriftart installiert haben sollte. Ist dies nicht der Fall, so kann mit der Angabe einer zweiten, dritten oder x-ten Schriftart angegeben werden, welche Alternativschriftart der Browser verwenden soll. Dabei werden die verschiedenen Schriftarten mit einem Komma, wie oben zu sehen ist, getrennt.
Das letzte Attribut "size" ist die Schriftgröße, welche Standardmäßig auf 3 eingestellt ist. Dabei kann man eine absolute Skala von 1 bis 7 benutzen oder aber mit -1 bis -7 und +1 bis +7 eine relative Vergrößerung oder Verkleinerung erreichen.
Das Beispiel von oben sieht dann folgendermaßen aus:
Dieser Text hat die Schriftart Arial bzw. Helvetica, die Schriftfarbe grün und die Größe 5
Kategorien
HTML , Step-by-Step1 TrackBacks
Folgende Einträge anderer Blogs beziehen sich auf den Eintrag Online HTML-Kurs (Teil 10): Schriftart, Schriftfarbe und Schriftgröße mit dem Font-Tag ändern
TrackBack-URL dieses Eintrags: http://www.undertec.de/mt-cgi/mt-tb.cgi/240
Morgen beginnt wie bereits hier im Blog angekündigt der Online HTML-Kurs. Diese Seite soll dazu dienen ein Inhaltsverzeichnis zu allen Kursseiten bereitzustellen. Im Laufe der Zeit wird das Inhaltsverzeichnis ergänzt. Jeder Artikel kann kommentier... Mehr
Jetzt kommentieren