HTML-links binder internettet sammen.

Sådan laver du links i HTML

Links er hele grundstammen i internettet. Det er links, der gør, at alt bindes sammen, og her lærer du at lave links så nemt som ingenting.

Et link i HTML ser sådan ud:

<a href=”http://eksempel.dk”>eksempel.dk</a>

De enkelte elementer er:

  1. <a er begyndelsen af åbnings-tagget
  2. href=”http://eksempel.dk” afgør, hvor linket fører hen
  3. > er enden af åbnings-tagget
  4. eksempel.dk er den link-tekst, brugeren ser
  5. </a> er luknings-tagget

Linket er altså et ganske normalt HTML-element, men adskiller sig ved at have den nødvendige ekstra egenskab, der fortæller, hvor linket skal pege hen.

Den ekstra egenskab kalder man en attribut.

Sammenhæng mellem tekst og link

Læg mærke til, at der ikke er nogen sammenhæng mellem den tekst brugeren ser og det sted, linket fører hen!

Dette link fører til DR, men brugeren vil se teksten “TV 2”:

<a href=”http://dr.dk”>TV 2</a>

Dette link fører til TV 2, men brugeren vil se teksten “DR”:

<a href=”http://tv2.dk”>DR</a>
Tip: Du kan se, hvor et link fører hen ved at holde musen over linket og se i bunden af browseren.

Typisk fejl: Sådan sikrer du, at dine links fører det rigtige sted hen.

Åbn i nyt vindue

Du kan styre om linkets destination skal åbne i en ny fane eller i den eksisterende fane ved at indsætte en ekstra attribut.

Hvorfor er det en god idé? Oftest fordi du gerne vil have at brugeren ikke forlader din side, hvis du linker til andre sider.

Hvis jeg linker til w3schools.com, vil jeg gerne have, at du ikke forlader min hjemmeside, men at w3schools.com åbner i en ny fane hos dig.

Attributen hedder target og er fremhævet her:
<a target=”_blank” href=”http://eksempel.dk”>eksempel.dk</a>

Her har jeg indsat værdien _blank mellem citationstegnene. Det gør, at linket åbner i ny fane.

At få linket til at åbne i en ny fane er det eneste, jeg bruger target-attributten til. Der er andre muligheder, som du kan læse om her: http://www.w3schools.com/tags/att_a_target.asp

Linket åbner selvfølgelig i nyt vindue!

Posted in Ikke kategoriseret.