Findet der Browser des Webseitenbesuchers keinen Hinweis auf die farbliche Gestaltung der Hyperlinks im Seitencode, verwendet er die Standardwerte. Diese Werte sind blau für passive Links, rot für aktive Links (beim Hover) und der Farbton Magenta für bereits besuchte Links. Dieses Farbschema wird nicht immer mit dem Farbschema des Seitendesigns kombiniert, daher ist normalerweise ein Block von Linkstilbeschreibungen im Code enthalten.
Anweisungen
Schritt 1
Erstellen Sie eine Reihe von Anweisungen für den Browser, die die Linkfarben in drei Zuständen beschreiben. Das kann zum Beispiel so aussehen: a: link {color: Red;}
a: besucht {Farbe: Gelb;}
a: hover {color: Orange;} Hier wird das "a" am Anfang jeder Zeile als "Selektor" bezeichnet und gibt das Tag an, auf das der Browser die in geschweifte Klammern eingeschlossene Stilbeschreibung anwenden soll. "A" ist das Hyperlink-Tag. Das Wort, das dem Selektor durch einen Doppelpunkt getrennt hinzugefügt wird, wird als "Pseudo-Klasse" bezeichnet - die der Browser verwendet, um zu bestimmen, zu welchem Link-Zustand der Stil in geschweiften Klammern gehört. link entspricht einem regulären Link, besucht einen bereits besuchten Link und bewegt den Mauszeiger über einen Link, wenn sich der Cursor darüber befindet. Die dem Farbparameter innerhalb der geschweiften Klammern zugewiesenen Farben können entweder durch den Namen des Farbtons oder durch seinen Hexadezimalcode angegeben werden.
Schritt 2
Wenn Sie verschiedenen Linkgruppen auf der Seite unterschiedliche Farben zuweisen müssen, weisen Sie jeder Gruppe eine eigene Bezeichnung ("Klasse") zu und geben Sie für jeden eine separate Beschreibung der Stile an. Nennen Sie beispielsweise eine Gruppe LinksRed und die andere LinksGreen. Dann sieht die Stilbeschreibung so aus: a. LinksRed: link {color: Red;}
a. LinksRed: besucht {color: Yellow;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: besucht {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} Und in den Tags der Links jeder Gruppe müssen Sie angeben, zu welcher Klasse sie gehören. Zum Beispiel: Roter Link
Grüner Link
Schritt 3
Diese Anweisungen sind in CSS (Cascading Style Sheets) geschrieben, daher müssen sie in einem Style-Tag platziert werden, das sie von anderen Anweisungen im Quellcode der Seite trennt, geschrieben in HTML (HyperText Markup Language)):
a. LinksRed: Link {Farbe: Rot;}
a. LinksRed: besucht {color: Yellow;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: besucht {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;}
Schritt 4
Platzieren Sie den vorbereiteten Link-Stil-Beschreibungsblock im Kopfteil des Seitenquellcodes - er wird durch die und -Tags begrenzt.
