Informatik :: HTML :: Schrift, Farbe und dt. Sonderzeichen
| Schriftstil | Tags | Hinweis |
|---|---|---|
| fett | <b> Text </b> | von bold |
| kursiv | <i> Text</i> | von italics |
| unterstrichen | <u> Text</u> | von underline |
| hochgestellt | <sup> Text </sup> | |
| tiefgestellt | <sub> Text </sub> | |
| <blink> Text </blink> | nur Netscape |
Alle Schriftstile lassen sich miteinander kombinieren, z.B.
<u><i><b> Text </b></i></u>
Mit <font face="Schriftart"> Text </font> lässt sich die Schriftart und
mit<basefont face="Schriftart"> Seitentext die Basisschriftart der gesamten Seite ändern.
basefont kann man auch schon im head-Bereich verwenden.
Merke:
Viele öffnende Tags können optionale Attribute enthalten,
welche den jeweiligen Befehl spezifizieren.
Diese Attribute (hier: face) werden durch Leerzeichen getrennt
hinter dem Tag notiert.
Den meisten Attributen wird durch ein Gleichheitszeichen ein
bestimmter Wert zugeordnet.
Dieser Wert sollte in Anführungszeichen gesetzt werden.
Attribute stellen also gewissermaßen Variablen (Speicher) für bestimmte Werte dar!
Mit <font size="Zahl"> Text </font> ändert man die Schriftgröße und
mit<basefont size="Zahl"> Seitentext lässt sich die Basisschriftart der gesamten Seite ändern.
Dabei gilt: 0 < Zahl < 8
3 ist "Normalgröße" und entspricht 12pt
Die Größe kann auch relativ zur Normalgröße mit +Zahl bzw. -Zahl eingegeben werden.
Farbwerte sind im RGB-Farbmodell
und hexadezimal anzugeben.
Dem Farbwert ist ein Rautenzeichen "#" voranzustellen.
Die ersten beiden Hexadezimalstellen stehen für den Rotanteil, die folgenden beiden Stellen für den Grünanteil und die letzten beiden Hexadezimalstellen für den Blauanteil der Farbe.
Da es jeweils 16 verschiedene 2-stellige Hexadezimalzahlen gibt, sind 16³=16.777.216 verschiedene Farben möglich.
Anstelle des Hexadezimalcodes mit vorangestellter Raute können für viele Farben die entsprechenden Farbnamen verwendet werden.
Beispiele:
| Farbe | Farbwert | Farbname |
|---|---|---|
| rot
grün blau schwarz weiß |
#ff0000
#00ff00 #0000ff #000000 #ffffff |
red
lime blue black white |
Weitere Farben findest du in der Farbtabelle
| a) einzelne Zeichen oder Wörter: | <font color="Farbwert"> Text </font> |
| b) gesamter Text der Seite: | <body text="Farbwert"> Seitentext </body> |
| Das Farbattribut text steht also im body-Tag. |
Der Hintergrund der gesamten Web-Seite wird mit dem Tag: <body
bgcolor="Farbwert">
Seiteninhalt </body> farbig gestaltet.
Das Farbattribut bgcolor (bg von background) steht also wieder im body-Tag, da es ja wieder für den gesamten body (Seite) gelten soll.
Die Attribute text und bgcolor lassen sich im Tag <body> auch kombinieren.
z.B.: <body text="#900000" bgcolor="#006000">
Alle Attribute im Tag <font> lassen sich natürlich auch miteinander kombinieren, z.B:
<font size="+1" color="yellow" face="Arial"> Text </font>
Damit alle Browser die deutschen Soderzeichen richtig interpretieren, sollte man diese im Quellcode wie folgt codieren:
| ä | ä |
| Ä | Ä |
| ö | ö |
| Ö | Ö |
| ü | ü |
| Ü | Ü |
| ß | ß |
| geschütztes Leerzeichen | |
Aufgabe:
Speichere die Datei 02_Schrift.html in deinen HTML-Ordner!