Die Farbangabe in HTML
oder der Weg zum „Platzsparen“
Am Anfang war das Bit
• 1 Bit
• Kleinste Informationseinheit
Das Bit kann nur zwei Werte annehmen:
0 (=falsch/aus)
1 (=wahr/ein)
1 GigaByte (GB) besteht aus 1024 MegaBytes (MB)
1 MegaByte (MB) besteht aus 1024 KiloBytes (KB)
1 KiloByte (KB) besteht aus 1024 Bytes (B)
1 Byte (B) besteht aus 8 Bits
Das bedeutet, das ein GB aus 8.589.934.592 Bits besteht!!!
Durch bit‘s kann man sparen
• Anstatt für jeden Buchstaben und Zahl
einen Wert zu definieren, alles ins
Binärformat umgewandelt, dadurch
kleineres System
Binärsystem / Dualsystem
Berechnung einer Zahl im Dualen
System:
13 = (1x8) + (1x4) + (0x2) + (1x1)
13 =
8
+
4
+ 0
+
1
Einfach, oder?
• Grundregel 1: 1 + 1 = 10
• Grundregel 2: 1 x 1 = 1
• Berechnung:
Im Dualsystem arbeitet man nur mit den Zahlsymbolen „0” (Kein) und „1” (Ein).
Um beispielsweise die Zahl „5” im Dualsystem darzustellen, setzt man
demzufolge die Kombination „Keinen Achter + Einen Vierer + Keinen Zweier +
einen Einer = 0101.
Hexadezimal
Im Hexadezimalsystem gibt
es 16 verschiedene Ziffern!
Darstellung:
1 – 9 In Dezimalstellen,
10 – A, 11 – B, 12 – C,
13 – D, 14 – E , 15 - F
Farben
• Farben werden in RGB (RotGrünBlau =
Lichtfarbenmodell)
HTML, jetzt in Farbe
• Jede Hexadezimalstelle kann 16
verschiedene Werte annehmen
• HTML Angabe: #RRGGBB
• Pro Farbe 16 x 16 = 256 Möglichkeiten
• Maximal darstellbare Farben:
(16x16) x (16x16) x (16x16) = 16.777.216
(R x R) x (G x G) x (B x B ) = Farbe
Beispiel
• In diesem Beispiel ist:
–
–
–
–
–
Der Text schwarz (000000)
Der Hintergrund weiß (FFFFFF)
Der Link blau (0000FF)
Der Aktive Link Purpurrot (800080)
Beim Wiederbesuchen der Seite ist
der Link dann rot (FF0000)
– Mit <a href=“Ziel“>Linknamen</a>
baut man einen Link!
<html>
<head>
<title></title>
</head>
<body text="#000000"
bgcolor="#FFFFFF"
link="#0000FF"
alink="#800080"
vlink="#FF0000">
<a href=”Ziel">Zielname</a>
</body>
</html>
Beispiel
• In diesem Beispiel ist jede
einzelne Farbangabe für einen
Teil des Bodys definiert.
Somit könnte man z.B. in einer
Tabelle Spalten verschiedenfarbig machen, und links
unterschiedlich Färben.
<html>
<head>
<title></title>
</head>
<body text="#000000“> </body>
<body bgcolor="#FFFFFF“> </body>
<body link="#0000FF“> </body>
<body alink="#800080“> </body>
<body vlink="#FF0000"> </body>
<a href”Ziel">Zielname</a>
</body>
</html>

ppt