Hvordan Gi en ID til en kobling i CSS

Hvordan Gi en ID til en kobling i CSS


CSS ID-velgeren er hvordan du angir en stil for en enkelt, unikt HTML-element, for eksempel en link. Du kan definere fargen på linken, skriftstil og vekt, eller hva som skjer når en besøkende svever over eller klikker på linken. Stilen er definert i en egen del av HTML-fil eller i helt egen fil. Bruk den til "anker" (lenke) element ved hjelp av HTML "id" tag.

Bruksanvisning

1 Åpne en tom fil i et tekstredigeringsprogram som Notisblokk.

2 Skriv "<html>" for å starte et HTML-dokument.

3 Skriv linjen "<head>" for å starte hodepartiet på websiden

4 Skriv linjen "<style type =" text / css "> a # test {color: orange;} </ style>" for å gi en id for en link. "A" angir en kobling mål, og hash sier at vi er specifiying en ytterligere ID. I dette eksemplet er ID heter "test", og det gjør koblingsteksten oransje.

5 Skriv linjen "</ head>" for å lukke hodet delen av websiden.

6 Skriv linjen "<body>" for å starte hoveddelen av websiden.

7 Skriv linjen "<p> Dette er en <a href="http://example.com&quot;> normal link. </a> </ p> "for å lage en link som ikke inkluderer" test "ID.

8 Skriv linjen "<p> Dette er en <a id="test" href="http://www.w3schools.com&quot;> link med en id. </a> </ P>" for å lage en link som inkluderer "test" ID.

9 Skriv linjen "</ body> </ html>" for å lukke HTML-dokumentet.

10 Lagre filen med ".html" filtypen.

11 Åpne filen i en hvilken som helst nettleser for å se forskjellene mellom de to linkene.

Hint

  • Skriv inn all kode uten ytre anførselstegn.