Tutorials

Bring Farbe auf deine Internetseite [html]

Wer anfängt eine Internetseite auf html Basis zu coden oder auf Seiten wie Myspace etc angemeldet ist steht früher oder später vor der Frage, wie man den jetzt Farben verwenden kann.
Das fängt an bei farbiger Schrift, geht hin zu farbigen Makierungen, über farbige Hintergründe zu farbigen Links.
Zunächst zu den Grundlagen. Jetzt die Grundlagen: Farben werden im Internet mit Buchstabenabfolgen [Hexadezimal] angegeben. Diese sehen dann so aus #0000FF. Dabei geben die ersten beiden Ziffern an, wie groß der Anteil an Rot ist, die zweiten beiden wie groß der Grünanteil ist und das dritte Pärchen gibt den Blauanteil an. Mit den Werten 0-F (wobei 0 nichts und F viel heißt) können nun die Werte angegeben werden. Die Beispielabfolge #0000FF wäre dann blau.
#00FF00 ergibt grün
#FF0000 ergibt rot
Wie wird der Text jetzt farbig? Um den Text zu färben verwendet man den html Befehl hier der Text, welcher farbig sein soll. Für xxyyzz setzt man nun Farbwerte an. Z.B. #FF11AA: hier der Text, welcher farbig sein soll. Der Befehl wird dann folgendermassen wiedergegeben: hier der Text, welcher farbig sein soll. Es erscheint also ein fröhlicher, pinker Text.
Farbige Makierungen: Farbiger Text ist ja schon ganz nett, aber es ist auch möglich farbige Markierungen, wie mit einem Textmaker, zu setzen. Der Code dafür lautet dann:
Hier der zu markierende Text
Für die Markierung wähl ich wieder das pink, welches man durch #FF11AA erhält:
Hier der zu markierende Text
Ausgegeben sieht das ganze so aus: Hier der zu markierende Text.
Soo, bisher sind die Anweisungen nicht nur für html Seiten, sondern können auch bei Myspace und ähnlichen Seiten verwendet werden. Nun kommt aber etwas, welches für html Seiten wichtig ist. Gemeint ist die Link- und Hintergrundfarbe.
Der Quelltext einer html Seite beinhaltet den Befehl <body>. Dieser gibt an, dass der Seitenkörper nun beginnt. In diesen Befehl kann man nun verschiedene Seitenangaben einfügen [hier sei jedoch angemerkt, dass es wesentlich eleganter ist Befehle für das Aussehend er Seite auszulagern]. So kann man dort die Grundtextfarbe, die Farbe für die Links und den Hintergrund angeben. Das ganze sieht dann so aus:
<body link="#E92F71" vlink="#F83818" alink="#F83818" bgcolor="#FFFFFF">
Diese Abfolge ergibt die Hintergrundfarbe [bgcolor] weiß und diverse Töne für gerade benutze Links [alink], noch nicht verwendete Links [link] und schon gebrauchte Links [vlink].