Aktiver Link - ein wichtiges Gestaltungselement einer Webseite, mit dem Benutzer durch verschiedene Bereiche der Website oder zu anderen Ressourcen navigieren können. Eine der beliebtesten Möglichkeiten, einen aktiven Link hervorzuheben, besteht darin, seine Farbe zu ändern, wenn Sie mit der Maus schweben oder klicken. In diesem Artikel werden wir uns ansehen, wie Sie einen aktiven Link mit schwarzer Farbe erstellen, um ihn mit dem allgemeinen Seitenstil zu kombinieren.
Bevor Sie beginnen, ist es wichtig zu verstehen, dass das Styling eines aktiven Links mit einer Sprache implementiert werden kann CSS. Eine Möglichkeit, Schwarz für eine aktive Referenz festzulegen, besteht darin, eine Pseudoklasse zu verwenden :active. Pseudoklassen :active werden auf Elemente angewendet, wenn sie aktiviert werden, d. H. Wenn die Maus auf das Element geklickt wird.
Um einen aktiven Link mit schwarzer Farbe zu erstellen, genügt es, den entsprechenden Stil in CSS festzulegen:
a:active
Platzieren Sie diesen Code in einem Block vor dem schließenden Tag Ihrer Webseite . Als Ergebnis wird die Textfarbe schwarz, wenn der Benutzer den Link aktiviert.
Erstellen eines aktiven Links
Verwenden Sie ein Tag, um einen aktiven Link in HTML zu erstellen. Innerhalb des Tags wird der Linktext angegeben, und im Attribut "href" wird die Adresse angegeben, zu der Sie navigieren möchten.
Beispiel zum Erstellen eines aktiven Links:
Sie können das Attribut "style" und die Eigenschaft "color" mit dem Zeichen "#000000" oder "black" verwenden, um die schwarze Farbe des Linktextes festzulegen. Zum Beispiel:
Der Link wird nun schwarz angezeigt, bleibt jedoch weiterhin aktiv und anklickbar.
Das Konzept des aktiven Links
Wenn ein Benutzer in diesem Beispiel auf den Text "Hier klicken" klickt, wird er auf die Seite mit der Adresse umgeleitet https://www.example.com , die in einem neuen Browser-Tab geöffnet wird, da das Attribut target="_blank" angegeben ist. Wenn der Benutzer den Mauszeiger über einen aktiven Link bewegt, kann er die Farbe oder den Stil ändern, z. B. unterstrichen werden, um seinen Aktionsstatus anzuzeigen.
Die Bedeutung von Schwarz
Die schwarze Farbe symbolisiert Zuverlässigkeit, Eleganz und Macht. Es ist auf das Fehlen von Licht zurückzuführen und gilt als die Farbe der absoluten Dunkelheit. Aufgrund seiner Dichte zieht Schwarz die Aufmerksamkeit auf sich und dient als idealer Hintergrund für helle und kontrastreiche Elemente.
Die Verwendung von Schwarz für aktive Links verleiht ihnen eine besondere Bedeutung und macht sie sichtbarer. Darüber hinaus schafft Schwarz ein Gefühl von Stabilität und Zuverlässigkeit, was besonders für Benutzer wichtig ist, die nach zuverlässigen und sicheren Informationsquellen suchen oder eine Aktion durchführen möchten.
Es ist wichtig, sich daran zu erinnern, dass Schwarz Assoziationen mit Trauer, Trauer oder Düsterkeit hervorrufen kann. Daher müssen Sie die schwarze Farbe sorgfältig und kompetent im Design aktiver Links verwenden, damit sie bei Benutzern keine negativen Emotionen hervorruft und keine unangenehmen Assoziationen mit dem Inhalt von Links erzeugt.
Als Ergebnis ist Schwarz eine der effektivsten und vielseitigsten Farben für die Gestaltung aktiver Links. Es verleiht ihnen Ausdruckskraft, besondere Bedeutung und Vertrauen, was die Navigation für die Benutzer erleichtert und ihre Bedeutung unterstreicht.
Wie mache ich einen Link aktiv
Um einen Link aktiv zu machen und sein Aussehen beim Schweben oder Klicken zu ändern, müssen Sie die CSS-Eigenschaften verwenden.
1. Verwenden Sie die Pseudoklasse :hover, um den Stil der Referenz zu ändern, wenn Sie den Mauszeiger bewegen:
Dieser Code ändert die Farbe des Links in Blau und fügt einen Unterstrich hinzu, wenn Sie den Mauszeiger darüber bewegen.
2. Verwenden Sie die Pseudoklasse :active, um den Verweisstil beim Klicken zu ändern:
Dieser Code ändert die Farbe des Links in Rot und erhöht den Fettgehalt des Textes, wenn Sie darauf klicken.
3. Um einen Link ohne Verwendung von Stilen aktiv zu machen, können Sie ihn innerhalb eines Tags hinzufügen oder , um es hervorzuheben:
In diesem Fall wird der Link fett dargestellt.
Auf diese Weise können Sie einen Link aktiv machen, indem Sie seinen Stil ändern oder ihn mithilfe von HTML-Tags hervorheben.
Verwenden eines HTML-TagsDieser Code erstellt einen Textlink zur Webseite "example.com ". Wenn Sie auf einen Link klicken, wird der Benutzer an die angegebene URL weitergeleitet.
In diesem Beispiel wird der Link in einem neuen Browserfenster geöffnet, und wenn Sie darauf zeigen, wird die Eingabeaufforderung "In neuem Fenster öffnen" angezeigt.
Sie können CSS verwenden, um die Farbe des Links zu ändern. Wenn Sie beispielsweise einen aktiven Link mit schwarzer Farbe erstellen möchten, können Sie der CSS-Datei die folgende Regel hinzufügen:
Diese Regel ändert die Farbe des aktiven (angeklickten) Links auf Schwarz.
