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"> 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"> 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.