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

JS implementiert einfachen Kalendereffekt

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

Was Sie beim Schreiben selbstschließender XHTML-Tags beachten sollten

Das img-Tag in XHTML ist ein sogenanntes selbstsc...

Das WeChat-Applet realisiert die Funktion zum Hochladen von Bildern

In diesem Artikelbeispiel wird der spezifische Co...

Detaillierte Erläuterung der Verwaltung und Verwendung von Docker Secrets

1. Was ist Docker Secret 1. Szenariodarstellung W...

js realisiert bidirektionale Datenbindung (Accessor-Überwachung)

In diesem Artikelbeispiel wird der spezifische Co...

So verwenden Sie video.js in Vue zum Abspielen von Videos im M3U8-Format

Inhaltsverzeichnis 1. Installation 2. Einführung ...

Prinzip des Linux-Nohup-Befehls und Beispielanalyse

nohup-Befehl Bei der Verwendung von Unix/Linux mö...

Super einfache QPS-Statistikmethode (empfohlen)

Statistik der QPS-Werte der letzten N Sekunden (i...

js realisiert die Bildschneidefunktion

In diesem Artikelbeispiel wird der spezifische Co...