HTML <a> Tag

Definisjon og bruk

<a> Tagget definerer en hyperlink, brukt til å lenke fra en side til en annen.

<a> Elementets viktigste egenskap er href-egenskapenindikerer lenkens mål.

Standardvis vil lenker vises slik i alle nettlesere:

  • Ubesøkte lenker er med understreking og blå
  • Besøkte lenker er med understreking og lilla
  • Lenken du besøker er med understreking og rød

Du har sannsynligvis lagt merke til at lenkene på CodeW3C.com-nettstedet er svært forskjellige fra standard lenkeutseende. Du kan bruke CSS pseudo-klasser Legg til komplekse og varierte stiler til tekst-lenker.

Se også:

HTML Læringsveiledning:HTML link

HTML DOM Referansehåndbok:Anchor Objekt

CSS Læringsveiledning:Lenke Stiler

Terminologi Forklaring

Hvad er hypertekst?

Eksempel

Eksempel 1

Opprett lenker til codew3c.com:

<a href="https://www.codew3c.com">Besøg codew3c.com!</a>

Eksempel 2

Hvordan bruke bilder som lenker:

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="w3logo.png" width="400" height="225">
</a>

Eksempel 3

Hvordan å åpne lenker i et nytt nettleservindu:

<a href="https://www.codew3c.com" target="_blank">Besøg codew3c.com!</a>

Eksempel 4

Hvordan linke til en e-mailadresse:

<a href="mailto:someone@example.com">Send e-mail</a>

Eksempel 5

Hvordan linke til et telefonnummer:

<a href="tel:+8613888888888">+86 138 8888 8888</a>

Eksempel 6

<a href="#section2">Gå til kapitel 2</a>


<a href="javascript:alert('Hello World!');">Kør JavaScript</a>

Hvis <a>-tagget ikke har en href-egenskab, er det kun en placeholder for et hyperlink.

Den lenkede side vises normalt i det aktuelle browservindue, medmindre du har defineret en anden mål (brug target-egenskaben).

Brug CSS-indstillinger til at sætte stilen på linket:CSS link CSS knapper.

Definerer, hvad der skal downloades, når brugeren klikker på hyperlinket.
Definerer URL'en til den side, som linket peger på.
Definerer sprogkoden for det lenkede dokument.
Definerer hvilket medie eller enhed det lenkede dokument er optimeret til.
URL-liste Definerer en URL-liste adskilt af mellemrum, som browseren sender en POST-anmodning med ping-indhold (baggrundsmæssigt) når linket besøges. Bruges normalt til sporing.
Definerer hvilke referencer, der skal sendes sammen med linket.
Definerer forholdet mellem det aktuelle dokument og det lenkede dokument.
target
Definerer hvor det lenkede dokument skal åbnes.
type Medietype Definerer medietypen for det dokument, der er lenket til.

Globale egenskaber

<a> Tagget understøtter Globale egenskaber i HTML.

eventegenskaber

<a> Tagget understøtter Eventegenskaber i HTML.

Standard CSS-indstillinger

De fleste browsere vil vise følgende standardværdier: <a> Element:

a:link, a:visited {
  color: (intern værdi);
  text-decoration: underline;
  cursor: auto;
}
a:link:active, a:visited:active {
  color: (intern værdi);
}

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support