HTML-Grundlagen - Einfaches Beispiel zum Festlegen des Hyperlink-Stils

HTML-Grundlagen - Einfaches Beispiel zum Festlegen des Hyperlink-Stils

*** Beispiel für das Festlegen des Stils eines Hyperlinks

a:link Der Zustand eines Hyperlinks vor dem Anklicken

a:visited Der Zustand nach dem Anklicken eines Hyperlinks

a:hover Mit der Maus über einen Hyperlink fahren

a:active Beim Klicken auf einen Hyperlink

Für die Definition dieser Zustände gibt es eine bestimmte Reihenfolge.

Codebereich:

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >   
  2. < html   xmlns = "http://www.w3.org/1999/xhtml" >   
  3. <Kopf>   
  4. < Meta   http-equiv = "Inhaltstyp"   Inhalt = "Text/HTML; Zeichensatz=utf-8"   />   
  5. < Titel > Unbenanntes Dokument </ Titel >   
  6. < Stil   Typ = "Text/CSS" >   
  7. ein:Link
  8. {
  9. Farbe: #000;
  10. Textdekoration: keine;}
  11. a:besucht
  12. {
  13. Farbe: #000;
  14. Textdekoration: keine;}
  15. ein:schweben
  16. {
  17. Farbe: #F00;
  18. Textdekoration: Unterstreichen;}
  19. a:aktiv
  20. {
  21. Farbe: #F90;
  22. Textdekoration: Unterstreichen;}
  23. </ Stil >   
  24. < Link   href = "Ohne Titel-1.css"   rel = "Stilvorlage"   Typ = "Text/CSS"   />   
  25. </ Kopf >   
  26.   
  27. < Textkörper >   
  28. <   href = "http://www.baidu.com/" > Baidu-Suche </ a >   
  29. </ Körper >   
  30. </ html >   

Anzeige läuft: Wenn der Mauszeiger nicht auf „Baidu“ steht, wird er schwarz angezeigt – wenn er steht, wird er rot angezeigt – wenn Sie auf den Link „Baidu“ klicken, wird er orange angezeigt – nach dem Klicken wird er schwarz angezeigt

Der obige Artikel zu HTML-Grundlagen – ein einfaches Beispiel zum Festlegen des Stils von Hyperlinks – ist alles, was ich mit Ihnen teilen kann. Ich hoffe, er kann Ihnen als Referenz dienen, und ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

Original-URL: http://www.cnblogs.com/H2921306656/archive/2016/07/10/5658752.html

<<:  Unverzichtbar für die Frontend-Entwicklung: 12 empfohlene Tools zum Testen der Browserkompatibilität

>>:  Benutzerdefinierte Docker-Netzwerkcontainer-Verbindung

Artikel empfehlen

Detaillierte Erklärung zum Aktivieren des https-Dienstes in Apache unter Linux

Dieser Artikel beschreibt, wie man den https-Dien...

xtrabackup MySQL-Datenbank sichern und wiederherstellen

Aufgrund einiger seiner eigenen Merkmale (Sperren...

Implementierung langer Textschatten in Less in CSS3

Dieser Artikel stellt hauptsächlich die Implement...

...

Beispiele für korrekte Beurteilungsmethoden für Datentypen in JS

Inhaltsverzeichnis Vorwort Kann typeof den Typ ko...

JS-Implementierung eines Karussellbeispiels

In diesem Artikel wird der spezifische JS-Code zu...

Erstellen Sie ein Docker-Image mit Dockerfile

Inhaltsverzeichnis Erstellen Sie ein Docker-Image...

Sehr empfehlenswert! Syntax Sugar in Vue 3.2 einrichten

Inhaltsverzeichnis Vorherige 1. Was ist Setup-Syn...