Farben in HTML

animierte Grundfarben Farben sind ein wichtiger Bestandteil unserer Wahrnehmung. In der Tier- und Pflanzenwelt zeigt sich dies in vielfältiger Weise - sei es um Partner anzulocken, um Warnhinweise zu geben oder aber sich zu tarnen, indem die Umgebungsfarbe angenommen wird.

Auch im Schriftbild werden Farben zur Markierung und zum Hervorheben benutzt… Besonders aber kommen Farben bei der Gestaltung zum tragen - jedoch gilt hier die Regel: "Weniger ist mehr!"

Wir wollen im Folgenden kennen lernen, wie Farben in HTML kodiert werden. Orientiere dich dazu an den Fragen und den angegebenen Links…

XHTML-konforme Farbdefinition

HTML-Arsenal

http://de.selfhtml.org/html/allgemein/farben.htm ← Es geht hier nur um die Erklärung, nicht die Art wie man Farben definiert. Dazu ist der obere Link angegeben :!:

Fragen

  1. Was ist eine additive Farbmischung? 1)
    • Was sind die Grundfarben und was ist ihr Hexadezimal-Code?
    • Welches sind die Komplementärfarben zu den Grundfarben, was ist ihr Hexadezimal-Code und wie werden sie aus den Grundfarben gemischt?
  2. Welche Farben werden durch die folgenden Hexadezimal-Codes dargestellt:
    • #ff9900
    • #993300
    • #ff00ff
  3. Gib einen ungefähren Hexadezimal-Code an, sodass von folgenden Farben die Rede ist:
    • ein dunkles Grün
    • ein helles Gelb
    • Fliederfarbe
  4. Im <body>-Tag gibt es das style-Attribut, mit der Schrift- und Hintergrundfarbe festgelegt werden können. Nenne welche diese sind und erkläre, wie man diesen Code benutzt. 2)
  5. Für die ganz Schnellen: 3) 4) 5) 6) 7)
    • Lege eine Seite farben.html an, in der die Antworten zu den obigen 4 Fragen in jeweils unterschiedlichen Farben verzeichnet sind.
    • Welche Darstellungsformen neben dem Hexadezimalcode gibt es noch für die Farbe? (Tipp: diese wird bei Styles benutzt)

Weitere Links:

http://klick.link-m.de/webdesign/html/farben.htm

(http://btmdx1.mat.uni-bayreuth.de/www2000/cs/node51.html)

3) Benutze zur Formatierung das <p>- bzw. das <div>-Tag, indem du die jeweiligen Antworten zwischen diese Tags schreibst…
4) Es gibt noch vier weitere, wobei eine lediglich eine Variation zu #rrggbb ist…
5) Benutze das Attribut style (siehe: http://de.selfhtml.org/css/formate/direkt.htm)
6) rgb(…) ← Was steht in der Klammer?
start/info/08_diff/xhtml/dokument/farben.txt · Zuletzt geändert: 23.10.2013 10:12 (Externe Bearbeitung)
www.chimeric.de Creative Commons License Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0