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

Vue+Openlayer verwendet modify, um den gesamten Code des Elements zu ändern

Vue+Openlayer verwendet „modify“, um Elemente zu ...

Zusammenfassung der Namenskonventionen für HTML und CSS

CSS-Benennungsregeln Header: Header Inhalt: Inhalt...

Drei gängige Methoden, um HTML-Seiten nach 3 Sekunden automatisch zu springen

In der Praxis stoßen wir häufig auf ein Problem: ...

Lösung für den Fehler von 6ull beim Laden des Linux-Treibermoduls

Inhaltsverzeichnis 0x01 Das Treibermodul konnte n...

MySQL-Trigger: Erstellen und Verwenden von Triggern

Dieser Artikel beschreibt anhand von Beispielen d...

Verwenden Sie reines CSS, um einen Switch-Effekt zu erzielen

Zuerst ist die Idee Um diesen Effekt zu erzielen,...

Lösung für Win10 ohne Hyper-V

Suchen Sie immer noch nach einer Möglichkeit, Hyp...

Ein Artikel, der Ihnen hilft, die Grundlagen von VUE zu verstehen

Inhaltsverzeichnis Was ist VUE Kern-Plugins in Vu...

Einführung in die reaktive Funktion toRef-Funktion ref-Funktion in Vue3

Inhaltsverzeichnis Reaktive Funktion Verwendung: ...

So verwenden Sie Docker zum Bereitstellen eines Dubbo-Projekts

1. Verwenden Sie zunächst Springboot, um ein einf...

Zusammenfassung der Konstruktor- und Superwissenspunkte in React-Komponenten

1. Einige Tipps zu mit class in react deklarierte...

Lösen Sie das Spleißproblem beim Löschen von Bedingungen in myBatis

Ich habe heute gerade Mybatis gelernt und einige ...