Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Bruk av lenker | HTML-Skjemaer og Brukerinput
Ultimate HTML

Bruk av lenker

Sveip for å vise menyen

<a>-taggen brukes til å lage hyperkoblinger som gjør det mulig for brukere å navigere mellom ulike nettsider. Når en bruker klikker på en lenke, sender nettleseren en forespørsel til serveren for siden som er tilknyttet lenken, og viser svaret på skjermen. href-attributtet angir URL-en til målsiden.

index.html

index.html

Lenkeattributter

target

Som standard åpnes lenken i samme nettleserfane. Attributtet target lar oss endre denne oppførselen. For å åpne en lenke i en ny fane, bruk target="_blank".

index.html

index.html

download

Attributtet download kan brukes sammen med HTML <a>-taggen for å angi at ressursen skal lastes ned i stedet for å vises i nettleseren. Når download-attributtet brukes, vil nettleseren be brukeren om å lagre filen med det angitte filnavnet. For eksempel, hvis du trenger å lage et element med følgende funksjonalitet: når brukeren klikker på lenken, vil nettleseren laste ned filen "myfile.pdf" fra https://example.com/ og be brukeren lagre den med filnavnet myfile.pdf.

index.html

index.html

href

href-attributtet brukes ikke bare for å navigere til andre sider, men også for å lage lenker til e-postadresser, telefonnumre og spesifikke seksjoner.

index.html

index.html

I tillegg kan href-attributtet brukes til å navigere til bestemte seksjoner innenfor en nettside. For å lage en ankerlenke, tildel et id-attributt (en unik identifikator) til den ønskede seksjonen vi vil bla til. href-attributtet får en verdi som starter med #-symbolet etterfulgt av id-verdien.

La oss utforske følgende eksempel, presentert i CodeSandbox. Denne plattformen gjør det mulig å inspisere koden og lar deg undersøke hvordan koden fungerer.

Note
Merk

Ta gjerne et øyeblikk for å inspisere funksjonaliteten ved å klikke på lenkene og observere hvordan den levende siden blar til de spesifikke seksjonene. Legg også merke til attributtene til a-taggen og h2-taggen.

question mark

Hva er hovedfunksjonen til <a>-taggen?

Velg det helt riktige svaret

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 10

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Seksjon 1. Kapittel 10
some-alt