Tutorial HTML Hover

Beim Programmieren des Hover-Codes in Ihr HTML-Dokument werden Sie eine Seite erstellen, in der einige der Inhalte automatisch hervorgehoben wird, wenn ein Benutzer über sie blättert. Um eine HTML Hover auf Ihre Webseite zu erstellen, müssen den HTML-Code der Seite zu ändern und einige CSS-Code in Ihre Seite einfügen. Die neuen HTML-Code und die eingefügten CSS muss beide bekommen die Hover funktioniert vorhanden sein.

Anweisungen

1 Melden Sie sich Ihrem Web-Server und öffnen Sie die HTML-Seite, auf der Sie den Hover-Code einfügen werden.

2 Platzieren Sie den Cursor zwischen die < Head > und < / Head > tags, und geben Sie diesen CSS-Code:

< Typ style = "Text/Css" >a: Hover{Hintergrund-Farbe: gelb;}< / style >

3 Ersetzen Sie "gelb", mit der Farbe, die Sie angezeigt werden, wenn der Mauszeiger über dem Text befindet, die Sie in Schritt 5 wählen möchten.

4 Klicken Sie im < Body >-Abschnitt der Seite wo Sie den Hover auftreten wollen.

5 Fügen Sie diesen Code:

< a Href = "Kaufen" Rel = "Nofollow" Target = "_blank" > </a >-Hundefutter-http://www.dogfood.com&quot;>Buy

6 Ersetzen Sie "http://www.dogfood.com & Quot; durch die tatsächliche URL, die dem eigentlichen Text, den gewünschte hervorgehoben werden, wenn über schwebte mit dem begleitenden Text und ersetzen "Hundefutter kaufen" zugeordnet.

7 Veröffentlichen Sie die Seite "".