Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Brug af links | HTML Tags og Attributter
Ultimativ HTML

Brug af links

Stryg for at vise menuen

<a>-tagget bruges til at oprette hyperlinks, som gør det muligt for brugere at navigere mellem forskellige websider. Når en bruger klikker på et link, sender browseren en anmodning til serveren om den side, der er tilknyttet linket, og viser svaret på skærmen. href-attributten angiver URL'en til destinationssiden.

index.html

index.html

Linkattributter

target

Som standard åbnes linket i samme browservindue. Attributten target giver mulighed for at ændre denne opførsel. For at åbne et link i en ny fane, anvendes target="_blank".

index.html

index.html

download

Attributten download kan bruges sammen med HTML <a>-tagget for at angive, at den målrettede ressource skal downloades i stedet for at blive vist i browseren. Når download-attributten anvendes, beder browseren brugeren om at gemme filen med det angivne filnavn. For eksempel, hvis der skal oprettes et element med følgende funktionalitet: når brugeren klikker på linket, downloader browseren filen "myfile.pdf" fra https://example.com/ og beder brugeren om at gemme den med filnavnet myfile.pdf.

index.html

index.html

href

href-attributten bruges ikke kun til at navigere til andre sider, men også til at oprette links til e-mailadresser, telefonnumre og specifikke sektioner.

index.html

index.html

Derudover kan href-attributten bruges til at navigere til specifikke sektioner på en webside. For at oprette et anker-tag tildeles en id-attribut (en unik identifikator) til den ønskede sektion, som vi vil rulle til. href-attributten får en værdi, der starter med #-symbolet efterfulgt af id-værdien.

Lad os undersøge følgende eksempel, præsenteret i form af CodeSandbox. Denne platform muliggør inspektion af kode og giver dig mulighed for at undersøge kodens funktionalitet.

Note
Bemærk

Tag venligst et øjeblik til at inspicere funktionaliteten ved at klikke på linkene og observere, hvordan den levende side ruller til de specifikke sektioner. Vær desuden opmærksom på attributterne for a-tagget og h2-tagget.

question mark

Hvad er den primære funktion af <a>-tagget?

Vælg det korrekte svar

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 9

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Sektion 2. Kapitel 9
some-alt