Html, der Hintergrund

Beginnen wir die faszinierende Reise zur Entdeckung der Farben mit dem Hintergrund einer Webseite. Als Hintergrund einer Seite können Sie auch Bilder verwenden, obwohl ich diesem Einsatz sehr skeptisch gegenüberstehe, aber wir werden später gegebenenfalls sehen, wie man sie verwendet.

Bevor wir die Farbeinstellungen einer Webseite betrachten, ist es wichtig, eine helle Farbe auszuwählen, und jetzt erkläre ich euch warum: Da der Text notwendig dunkel sein muss, um ohne Schwierigkeiten lesbar zu sein, wird es schwierig, den Inhalt zu lesen, wenn ihr eine dunkle Hintergrundfarbe wählt. Also verwenden wir eine helle Farbe, so hell wie möglich. Jetzt zeige ich euch ein Beispiel, worauf ich mich beziehe:

Die linke Zelle ist praktisch unleserlich, während die rechte einen klaren und gut leserlichen Text zeigt. Ist das Konzept klar? Behaltet diese Regel besonders im Kopf, wenn ihr Seiten mit viel Text nutzt. Gut, jetzt zurück zu unserem Hintergrund. In der Lektion über Farben könnt ihr die Tabelle der Hexadezimalcodes sehen und eine Farbe für euren Hintergrund wählen. Nehmen wir zum Beispiel die Farbe ccff99….hoppla, ich glaube ich habe etwas bei diesem Code vergessen….was meint ihr? Ja, das Rautezeichen #

Hier ist also der richtige Code, den wir verwenden werden: #ccff99.

Jetzt stelle ich euch das Tag background-color vor, das zusammen mit dem body-Tag dazu dient, die Hintergrundfarbe einer Webseite festzulegen. Zur Abkürzung wird jedoch der Befehl bgcolor verwendet, der die gleiche Wirkung hat.

Vorhin haben wir den body-Tag body so gesehen. Nun verbinden wir diese beiden Tags um unsere Farbe einzustellen: bgcolor=“#cff99″> Fügt ihn in eure index.html Seite ein und speichert die Änderungen, indem ihr überschreibt. In der Lektion über Farben ist die Tabelle der 16 Farben dargestellt, die von allen Webbrowsern erkannt werden.

Wenn wir für den Hintergrund unserer Seite eine dieser 16 Farben nutzen, zum Beispiel Navy können wir im body-Tag auch problemlos so schreiben:

bgcolor="Navy">

Verwenden wir dagegen Farben außerhalb dieser Tabelle, ist es notwendig, den Hexadezimalcode anzugeben. Praktisch haben wir mit diesem Befehl dem body gesagt: „Hey body, pass auf … als Hintergrund sollst du die Farbe #ccff99 einstellen, okay?“ So wird der gesamte Hintergrund unserer Seite mit dieser Farbe eingestellt und angezeigt.

Pubblicato in HTML & CSS