WörterWaldWickie
chaotische Ordnung oder geordnetes Chaos?
/ SYNAPS
· 15.12.2005 · 05:00:50 ·
Immer die selbe Schrift ist langweiligt.
Und dann gibts noch Überschriften die größer sein sollten.
Alles über Schriftarten, -farben und -größen.
Die folgenden Codes gehören in den <body>Bodybereich</body> der HTML Datei
"h" sind die TAGs für Überschriften. Durchnummeriert von 1 bis 5, wobei 1 die größte und wichtigste ist.
Überschriften stehen in eigenen Zeilen. Will man innerhalb einer Zeile die Schriftgröße ändern, geht man einen Anderen Weg.
Also, mit font und size kann man die Schriftgröße verändern.
Allerdings ist "font" ein veralteter TAG.
Besser ein "span" mit CSS-Style.
Ob % Angaben hier in Ordnung sind weis ich nicht genau.
Besser "em", wobei 1em = 100% also 1.5em = 150%.
Diese relativen Größen beziehen sich immer auf die im Browser eingestellte Standartschriftgröße, welche von Betriebsystem zu Betriebsystem und/oder Benutzer unterschiedlich ist.
Daneben gibt es noch die Absolute Größen "px" = Pixel.
Und hier haben wir Farbe ins Spiel gebracht.
Aber "font" soll doch nicht mehr verwendet werden?!
Der CSS-Style nennt sich "color" und mit "background-color" ist quasie das Papier gemeint.
Und jetzt wird es kompliziert.
Die Farben werden über einen Hextripple eingestellt.
RGB = RotGrünBlau
für jede Farbe kann ein Wert von 0 bis 255 angegeben werden, in Form einer Hexadezimalziffer.
Hexadezimal = 16er System = 0123456789ABCDEF
Unser Normales System geht bis 9, dann kommt die 10.
Im Hex System kommt die 10 nach dem F. Also nach der 9 zählt man weiter mit A dann B .... F und dann 10 ... 19 1A 1B .. 1F 20.
Schrift ändern und einfärben
Immer die selbe Schrift ist langweiligt.
Und dann gibts noch Überschriften die größer sein sollten.
Alles über Schriftarten, -farben und -größen.
Die folgenden Codes gehören in den <body>Bodybereich</body> der HTML Datei
<h1>Ich bin eine ÜberÜberschrift</h1>
<h2>2. Überschrift</h2>
<h3>Überschrift Nummero 3</h3>
<h4>Überschrift Nummero 4</h4>
<h5>5= von der Zahl die größte, bei der Anzeige die kleinste</h5>
"h" sind die TAGs für Überschriften. Durchnummeriert von 1 bis 5, wobei 1 die größte und wichtigste ist.
Überschriften stehen in eigenen Zeilen. Will man innerhalb einer Zeile die Schriftgröße ändern, geht man einen Anderen Weg.
<font size='-1'>kleiner</font>
normal
<font size='+1'>größer</font>
<font size='+2'>noch größer</font>
<br>
<font size='+10'>riesengroß</font>
Also, mit font und size kann man die Schriftgröße verändern.
Allerdings ist "font" ein veralteter TAG.
Besser ein "span" mit CSS-Style.
<span style="font-size: 80%;">kleiner</span>
normal
<span style="font-size: 120%;">größer</span>
<span style="font-size: 1.5em;">noch größer</span>
<span style="font-size: 16px;">16px</span>
Ob % Angaben hier in Ordnung sind weis ich nicht genau.
Besser "em", wobei 1em = 100% also 1.5em = 150%.
Diese relativen Größen beziehen sich immer auf die im Browser eingestellte Standartschriftgröße, welche von Betriebsystem zu Betriebsystem und/oder Benutzer unterschiedlich ist.
Daneben gibt es noch die Absolute Größen "px" = Pixel.
<font color="silver" size='-1'>kleiner silber</font>
<font color="green" size='+1'>größer grün</font>
<font color="yellow" size='+2'>GelbGeldGelb</font>
<br>
<font color="red" size='+10'>ALARM!!!</font>
Und hier haben wir Farbe ins Spiel gebracht.
Aber "font" soll doch nicht mehr verwendet werden?!
<span style="color: #ff0000; background-color: #880000;">Rot</span>Rot Grün Blau
<span style="color: #00ff00; background-color: #008800;">Grün</span>
<span style="color: #0000ff; background-color: #000088;">Blau</span>
Der CSS-Style nennt sich "color" und mit "background-color" ist quasie das Papier gemeint.
Und jetzt wird es kompliziert.
Die Farben werden über einen Hextripple eingestellt.
RGB = RotGrünBlau
für jede Farbe kann ein Wert von 0 bis 255 angegeben werden, in Form einer Hexadezimalziffer.
Hexadezimal = 16er System = 0123456789ABCDEF
Unser Normales System geht bis 9, dann kommt die 10.
Im Hex System kommt die 10 nach dem F. Also nach der 9 zählt man weiter mit A dann B .... F und dann 10 ... 19 1A 1B .. 1F 20.