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

Über das Problem der dynamischen Spleißen der SRC-Bildadresse von img in Vue

Werfen wir einen Blick auf das dynamische Spleiße...

Detaillierte Prozessanalyse der Docker-Bereitstellung des Snail-Cinema-Systems

Umwelterklärung Host-Betriebssystem: Cetnos7.9 Mi...

30 Minuten, um Ihnen ein umfassendes Verständnis von React Hooks zu vermitteln

Inhaltsverzeichnis Überblick 1. useState 1.1 Drei...

So zeigen Sie den Rahmen an, wenn td leer ist

Zuvor habe ich zusammengefasst, wie man mit CSS di...

So entwickeln Sie eine Progressive Web App (PWA)

Inhaltsverzeichnis Überblick Erfordern URL der An...

Detaillierte Beschreibung von Shallow Copy und Deep Copy in js

Inhaltsverzeichnis 1. js-Speicher 2. Abtretung 3....

Analyse des Ereignisschleifenmechanismus von JavaScript

Inhaltsverzeichnis Vorwort: 1. Gründe für die Ere...

JavaScript implementiert Ziehen mit der Maus, um die Div-Größe anzupassen

In diesem Artikel wird der spezifische JavaScript...