Lenker
Så langt har du laget en enkelt nettside, som er vel og bra, men det som gjør internett så spesielt er at alt lenkes sammen.
H’en og T’en i HTML står for HyperText, som betyr «et system av lenket tekst».
En anker-tag (a) brukes for å definere en lenke, men du må også legge til noe mer til en anker-tag, nemlig lenkedestinasjonen.
Legg dette til i dokumentet ditt:
<!DOCTYPE html>
<html>
<head>
<title>Min første webside</title>
</head>
<body>
<h1>Min første webside</h1>
<h2>Hva dette er</h2>
<p>En enkel side laget med HTML</p>
<h2>Hvorfor dette er</h2>
<p>For å lære HTML</p>
<h2>Hvor du finner mer</h2>
<p><a href="https://www.progging.no">Progging</a></p>
</body>
</html>Lenkedestinasjonen blir definert, eller satt, om du vil i href-attributtet til anker-tag’en. Lenken kan være absolutt, slik som i eksemplet over, eller den kan være relativ til siden man står på. Så hvis du f.eks hadde en annen fil i samme mappe som het flygendemose.html, så kunne du ganske enkelt hatt følgende kodelinje:
<a href="flygendemose.html">Flygende mose er et mirakel</a>En lenke trenger ikke å lenke til en annen HTML-fil – den kan linke til hvorsomhelst ellers på nettsiden.
En lenke kan også sende brukeren til et annet sted på samme siden de er på. Du kan legge til en id-attributt på stort sett alle tag’er, f.eks <h2 id="mose">Mose</h2>, og deretter lenke til den overskriften med en anker-tag slik: <a href="#mose">Gå til mose</a>. Klikker man på denne lenken går man rett til elementet som har den ID’en.