So ändern Sie Die Linkfarbe In Html

Inhaltsverzeichnis:

So ändern Sie Die Linkfarbe In Html
So ändern Sie Die Linkfarbe In Html

Video: So ändern Sie Die Linkfarbe In Html

Video: So ändern Sie Die Linkfarbe In Html
Video: HTML Tutorial 8 - Changing Hyperlink Color 2024, Kann
Anonim

Die Farbe von HTML-Links wird mit den entsprechenden Tag-Anweisungen festgelegt. Sie können auch CSS-Code verwenden, um die Parameter des Tags zu ändern, wodurch Sie die Farben und das Layout der Seite genauer anpassen können.

So ändern Sie die Linkfarbe in html
So ändern Sie die Linkfarbe in html

HTML-Datei

Öffnen Sie die HTML-Datei mit einem beliebigen Texteditor. Klicken Sie dazu mit der rechten Maustaste auf die Datei, wählen Sie "Öffnen mit" und wählen Sie dann das zu verwendende Programm aus.

Gehen Sie zum Seiten-Tag und legen Sie zusätzliche link-, vlink- und alink-Attribute fest. Der Link-Parameter definiert die Farbe eines regulären Links auf der Seite und ist standardmäßig blau. Durch das Hinzufügen des alink-Attributs ändert sich die Farbe beim Linksklick (standardmäßig rot). Vlink zeigt die Farbe bereits besuchter Links an. Sie können die Parameter wie folgt einstellen:

In diesem Beispiel wurde die Farbe des markierten Textes in Schwarz geändert. Beim Anklicken mit der Maus wird das Fragment grün hervorgehoben. Wenn Sie die Seite erneut besuchen, sehen Sie, dass der Link braun ist.

Anstatt englische Namen anzugeben, können Sie auch HTML-Hex-Werte verwenden, um den gewünschten Farbton einzustellen:

CSS

CSS-Attribute können verwendet werden, um die Farbe auf der Seite festzulegen. Beispielsweise:

Verknüpfung

Verbindung 2

Die Textfarbe wird durch Angabe des CSS-Farbparameters im style-Attribut festgelegt, das entweder im Hexadezimal- oder Wortformat angegeben werden kann.

Um die Farbe für alle Links auf der Seite mit CSS festzulegen, gehen Sie zum Abschnitt. Geben Sie ein Tag an, um die Verwendung des Stylesheets im Dokument zu deklarieren, und legen Sie dann die Parameter besucht, aktiv und Hover für das Tag fest. Ein Codeabschnitt könnte beispielsweise so aussehen:

Seitentitel

a {Farbe: grün; }

a: besucht {Farbe: grau; }

a: aktiv {Farbe: gelb; }

a: schweben {Farbe: orange; }

& lt / kopf>

Das einfache a-Attribut gibt die Farbe eines normalen Links an, der auf der Seite platziert wird. A: besucht definiert den Stil für einen zuvor besuchten Link, a: aktiv wird beim Anklicken hervorgehoben. Hover legt die Farboptionen für den Mauszeiger über Text fest.

Speichern Sie die in der Datei vorgenommenen Änderungen und überprüfen Sie das Ergebnis des von Ihnen angegebenen Codes im Browserfenster. Wenn alle Parameter richtig angegeben wurden, sehen Sie Änderungen in der Darstellung von Hyperlinks. Um ein HTML-Dokument in einem Browser zu öffnen, doppelklicken Sie mit der linken Maustaste darauf oder klicken Sie mit der rechten Maustaste darauf und wählen Sie den entsprechenden Eintrag aus dem Dropdown-Menü „Öffnen mit“.

Empfohlen: