~~SLIDYSHOW~~ ====== Änderungen der Schrift ====== Bisher wurden alle Ausgaben in einer Standardschrift und Standardgröße durchgeführt. Im Folgenden wird erläutert, wie man Schriftart, -größe und -farbe verändern kann. Der Tag ''...'' (engl. Schrift) leitet eine Änderung der Schrift eines Textblocks ein. Dazu können verschiedene Attribute gesetzt werden. ===== Schriftgröße ===== font size="Wert" Durch die Angabe des Attributs ''size'' (engl. Größe) kann die Schriftgröße eines Textes geändert werden. Dass Attribut erwartet einen absoluten Wert zwischen 1 und 7 oder ein relatives Verhältnis gegenüber der Standarschriftgröße mit den Angaben ''+Wert'' oder ''-Wert''. Standardmäßig ist die Schriftgröße 3 eingestellt. größte Schriftart
Schriftgröße 6
Schriftgröße 5
Schriftgröße 4
Standardschriftgröße
Schriftgröße 2
kleinste Schriftgröße ==== Aufgabe ==== Öffne nochmals das Dokument ''Zauberlehrling.html''. * Formatiere ''Hexenmeister'' in Schriftgröße 6. * Formatiere ''Geister'' in Schriftgröße 5. * Formatiere ''Werke'' und Geistesstärke auf //zwei verschiedene Arten // in Schriftgröße 4. * Formatiere den ''gesamten letzten Absatz'' in Schriftgröße 2. ===== Schriftart ===== In den bisherigen Beispielen wurde die Standardschrift des Browser verwendet, z.B. Times New Roman unter Windows. Mit Hilfe des Attributs ''face'' kann die Schriftart geändert werden. Die Angabe der Schrift erfolgt immer innerhalb von Anführungszeichen. Mehrere Schriftarten werden durch Kommata voneinander getrennt. ==== Beispiel ==== Arial Symbol Comic Sans MS Verschiedene Computersysteme verwenden unterschiedliche Schriftarten. So besitzt z.B. Windows die Schrift ''Arial'', das Betriebssystem UNIX hingegen nicht. UNIX besitzt hingegen die Schrift ''Helvetica'', die ''Arial'' sehr ähnlich ist. Damit das Dokument im Browser korrekt angezeigt werden kann, sollte man mehrere verschiedene Schriftarten, durch Kommata getrennt, angeben. Der Browser versucht, die erste Schriftart zu laden. Ist diese nicht verfügbar, sucht er die nächste im System, usw. Ist keine der angegebenen Schriftarten auf dem System vorhanden, so stellt der Browser den Text in der Standardschrift dar. ===== Schriftfarbe ===== Die Farbe der akturellen Schriftart legt man über das Attribut ''color'' fest. Als Wert übergibt man: * einen Farbnamen (englische Bezeichnung) oder * eine Hexadezimalzahl, die den RGB-Wert der Farbe darstellt. Die Standard-Schriftfarbe ist schwarz. ==== Beispiel ==== Schwarzer Text Gelber Text Hellgrüner Text Blauer Text Die 16 wichtigsten Farbnamen lauten: |^schwarz|black|^dunkelrot|maroon|^dunkelgrün|green|^olivgrün|olive| |^dunkelblau|navy|^violett|purple|^blaugrün|teal|^dunkelgrau|gray| |^hellgrau|silver|^rot|red|^hellgrün|lime|^gelb|yellow| |^blau|blue|^magenta|fuchsia|^hellblau|aqua|^weiß|white| ===== Kombination von Schriftgröße, Schriftart und Schriftfarbe ===== Die drei Textformatierungen Schriftart, -größe und -farbe können beliebig kombiniert werden. ==== Beispiel ==== blauer Text in Schriftgröße 4 und Schriftart Arial ==== Beispiel ==== Formatiere den Text, wie im Text angegeben: Standard formatierter Text Jetzt ist er in Schriftgröße 5 sichtbar und in Schriftart Arial und in Textfarbe hellblau. Die Farbe ist wieder Standard. Auch die Schriftart ist wieder Standard. Jetzt ist der Text wieder Standard formatiert. ==== Lösung ==== Standard formatierter Text
Jetzt ist er in Schriftgröße 5 sichtbar
und in Schriftart Arial
und in Textfarbe hellblau.
Die Farbe ist wieder Standard.
Auch die Schriftart ist wieder Standard.
Jetzt ist der Text wieder Standard formatiert.