Wie man einem Link im CSS eine ID zuweisen

July 2

Wie man einem Link im CSS eine ID zuweisen

Der CSS-ID-Selektor ist, wie Sie einen Stil für einen einzelnen, eindeutigen HTML-Element, z. B. einen Link angeben. Sie können definieren, die Farbe der Verbindung, den Schriftschnitt und Gewicht oder was passiert, wenn der Besucher über schwebt oder auf den Link klickt. Der Stil ist in einem separaten Abschnitt der HTML-Datei definiert oder in völlig getrennte Datei. Mit dem HTML-Tag "Id" "Anker" (Link)-Element zuweisen.

Anweisungen

1 Öffnen Sie eine leere Datei in einem Texteditor wie Editor.

2 Geben Sie "< html >", um ein HTML-Dokument beginnen.

3 Geben Sie die Zeile "< Head >" um den Head-Bereich der Webseite starten

4 Geben Sie die Zeile "< Typ style =" Text/Css"> a #test {Farbe: Orange;} < / style > ", eine Id für einen Link zu geben. Das "a" gibt ein Verknüpfungsziel und der Hash sagt wir sind Angabe eine weitere. In diesem Beispiel die ID wird mit dem Namen "test", und es macht den Linktext orange.

5 Geben Sie die Zeile "< / head >" Head-Bereich der Webseite zu schließen.

6 Geben Sie die Zeile "< Body >", um den Körper Teil der Webseite zu beginnen.

7 Geben Sie die Zeile "< p > das ist ein < a Href =" http://example.com & Quot; > normaler Link. </a >< / p > "eine Verknüpfung erstellen, die keine"Test"-ID beinhaltet

8 Geben Sie die Zeile "< p > das ist ein < eine Id ="test"Href =" http://www.w3schools.com & Quot; > Verknüpfung mit einer ID </a >< / p > "einen Link erstellen mit der"Test"-ID.

9 Geben Sie die Zeile "< / body >< / html >" zum Schließen des HTML-Dokuments.

10 Speichern Sie die Datei mit der Endung ".html".

11 Öffnen Sie die Datei in einem beliebigen Webbrowser die Unterschiede zwischen den beiden Verbindungen angezeigt.

Tipps & Warnungen

  • Geben Sie alle Code ohne externe Anführungszeichen.