taschwei-logo


HTML-Grundlagen

Sitemap
A-Z Index
Impressum
 
Kapitel 3: Textformatierungen mit HTML
 






Firmenseiten
Übersicht
Kapitel 1
Kapitel 2
Kapitel 3
Kapitel 4
Kapitel 5
Übungen



Kapitel 3 - Sektion 1: Der <font>-Tag



Will man die Schrift verändern, muss man einen <font>-Tag benutzen. Dieser hat eine Reihe von Attributen.

Das erste Attribut, das wir uns anschauen, ist "size". "Size" gibt die Größe an, in der die Schrift dargestellt wird. Es gibt eine Reihe von Möglichkeiten, die Größe zu definieren. Standardwert ist "0" oder "12px". Wollen wir eine größere Schrift, so müssen wir den Wert erhöhen. Entweder wir setzen die Schriftgröße auf "+1" oder wir geben die Höhe der Schrift in Pixeln an: "size="14px".

Der Einfachheit halber halten wir uns an die Zahlen des Zahlenraumes "-3" bis "+4".


Jetzt können wir schon die Schrift verkleinern oder vergrößern. Aber auch farbig können wir sie machen. Dazu benötigen wir das Attribut: "color" (Farbe). "Color" hat einen Wert, der in einer Rot-Grün-Blau-Staffelungen in der Hexadezimaldarstellung (Ziffern von 0-9 und Buchstaben von a-f) aufgeschrieben wird. Jede Farbe hat zwei Ziffern. "F" ist der höchste Wert, "0" der niedrigste. Das heißt: "#ff0000" ist ein sattes Rot, "#0000ff" dagegen ist reines blau. Die Farben werden in additiver Mischung erstellt. Ein orange wäre beispielsweise ein hoher Anteil an rot, und ein mittlerer an grün. Somit nehmen wir für orange "#ff8800".

Es ist nicht einfach, den richtigen Farbton zu treffen, aber man kann immer probieren, solange, bis man den richtigen getroffen hat. Mit der Zeit hat man auch die Übung, die man dafür braucht.

<html>
    <head>
        <title>Meine erste Internet-Seite</title>
    </head>
    <body>
<font size="+1" color="#ff8800">Hier steht der Text</font>
    </body>
</html>

Jetzt tragen wir diese Zeile in unseren Quellcode ein, und speichern es. Wenn wir die Datei öffnen, sehen wir einen etwas größeren orangenen Text. Wer will, kann auch noch den Hintergrund der Seite ändern, in dem er im "<body>"-Tag einen "bgcolor"-Befehl einträgt. Das "bg" vor dem Color steht für "background", das heißt Hintergrund. Dieser Befehl wird uns auch noch bei der Tabelle begegnen.

zurückÜbersichtweiter

 
 
 
  Letzte Änderung: 23.06.2011     Webmaster: webmaster@taschwei.de