Hier werden die Unterschiede zwischen zwei Versionen gezeigt.
Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung Nächste Überarbeitung | Vorherige Überarbeitung | ||
wiki:html:lektion [2018/04/24 14:23] rhw |
wiki:html:lektion [2019/09/20 03:59] (aktuell) rhw [Farben (color) für Text, Hintergrund (background), Rahmen (Frame oder border) etc.] |
||
---|---|---|---|
Zeile 5: | Zeile 5: | ||
===== div ===== | ===== div ===== | ||
- | den div align="center" (</div>) Befehl kennen wir. In div (=division, deutsch: Abteilung oder Bereich) heißt, dass innerhalb des definierten 'Abteils' Funktionen bzw. Tags ausgeführt werden. Darin können auch Rahmenlinien (border), Textfluss (float) und vieles mehr abgegrenzt werden. so dass danach erneute div-Anweisungen zu erfolgen haben, wenn Text anders definiert we | + | den div align="center" (</div>) Befehl kennen wir. In div (=division, deutsch: Abteilung oder Bereich) heißt, dass innerhalb des definierten 'Abteils' Funktionen bzw. Tags ausgeführt werden. Darin können auch Rahmenlinien (border), Textfluss (float) und vieles mehr abgegrenzt werden. so dass danach erneute div-Anweisungen zu erfolgen haben, wenn Text anders definiert werden sollten. |
+ | |||
+ | ===== Farben (color) für Text, Hintergrund (background), Rahmen (Frame oder border) etc. ===== | ||
+ | |||
+ | Farben im HTML werden über den font-Befehl angewiesen. Dazu kann man Textanweisungen vorgeben, wie zum Beispiel '<' font color="blue" '>' für eine blaue Schriftfarbe oder '<'bgcolor ="blue" '>' für eine blaue Hintergrundfarbe der Webseite. | ||
+ | |||
+ | Mit Textanweisungen stehen einem 16 Farben zur Verfügung. Es kommt der VGA Spezifikation sehr nahe. Es handelt sich dabei um die 16 Farben: | ||
+ | |||
+ | **<font inherit/inherit;;inherit;;#f1c40f>black</font><font inherit/inherit;;inherit;;#f1c40f>(schwarz) - Hez-Wert: #</font><font inherit/inherit;;inherit;;#f1c40f>ffffff</font><font inherit/inherit;;inherit;;#f1c40f>,</font>** | ||
+ | |||
+ | <font inherit/inherit;;#999999;;#f1c40f>**gray**</font>**<font inherit/inherit;;#999999;;#f1c40f>(grau) - Hez.-Wert: #808080</font>, ** | ||
+ | |||
+ | <font inherit/inherit;;#0000ff;;#f1c40f>**aqua**</font>**<font inherit/inherit;;#0000ff;;#f1c40f>(türkis) - Hez.-Wert: #</font><font inherit/inherit;;inherit;;#f1c40f>00FFFF</font><font inherit/inherit;;inherit;;#f1c40f>,</font>** | ||
+ | |||
+ | <font inherit/inherit;;#000066;;#f1c40f>**navy**</font>**<font inherit/inherit;;#000066;;#f1c40f>(</font><font inherit/inherit;;inherit;;#f1c40f>dunkeblau</font><font inherit/inherit;;#000066;;#f1c40f>) - Hez.-Wert: #000080</font>, ** | ||
+ | |||
+ | <font inherit/inherit;;#16a085;;#f1c40f>**green**</font>**<font inherit/inherit;;#16a085;;#f1c40f>(grün) - Hez.-Wert: #008000</font>, ** | ||
+ | |||
+ | <font inherit/inherit;;#ffffff;;#f1c40f>**white**</font>**<font inherit/inherit;;#ffffff;;#f1c40f>(weiß) - Hez.-Wert: #000000</font>, ** | ||
+ | |||
+ | <font inherit/inherit;;#2980b9;;#f1c40f>**blue**</font>**<font inherit/inherit;;#2980b9;;#f1c40f>(blau) - Hez.-Wert: #</font><font inherit/inherit;;inherit;;#f1c40f>0000FF</font><font inherit/inherit;;inherit;;#f1c40f>,</font>** | ||
+ | |||
+ | <font inherit/inherit;;#00ff00;;#f1c40f>**lime**</font>**<font inherit/inherit;;#00ff00;;#f1c40f>(Neongrün) - Hez.Wert: #</font><font inherit/inherit;;inherit;;#f1c40f>00FF00</font><font inherit/inherit;;inherit;;#f1c40f>,</font>** | ||
+ | |||
+ | **usw.** | ||
+ | |||
+ | Mit den Hexaddezimalzahlen (Hez.-Wert) und der Raute (#) können bis zu 16.1 Millionen Farbkombinationen gewählt werden. | ||