HTML-linkkejä käytetään yleisesti navigoimaan sivuston eri osiin, linkittämään toisia verkkosivuja tai lataamaan tiedostoja. Linkkiä käytetään <a> -tagilla (linkki-tagilla) ja sen href-attribuutilla (hyperlink-reference). Tässä on esimerkkejä linkkien käytöstä:
Linkki toiselle verkkosivustolle
<a href="https://google.com/">Siirry google.com</a>Linkki toiselle sivulle samalla verkkosivustolla
<a href="/toinen-sivu.html">Siirry toiselle sivulle</a>Linkki ankkuriin samalla sivulla
<a href="#osa-sivusta">Siirry osaan sivusta</a>
...
<h2 id="osa-sivusta">Tämä on osa sivua</h2>Linkki sähköpostiosoitteeseen
<a href="mailto:esimerkki@example.com">Lähetä sähköpostia</a>Linkki lataamaan tiedostoa
<a href="/tiedosto.pdf" download>Lataa tiedosto</a>Target-attribuutti
<a href="https://www.example.com" target="_blank">Avaa Example-sivusto uudessa ikkunassa</a>Kuvalinkit
Katsomme kuvia (img-tagia) tarkemmin seuraavassa kappaleessa.
<a href="/toinen-sivu.html"><img src="kuva.jpg" alt="Kuva"></a>Harjoittele
Kokeile itse!
Valmis ryhtymään eettiseksi hakkeriksi?
Aloita jo tänään.
Hakatemian jäsenenä saat rajoittamattoman pääsyn Hakatemian moduuleihin, harjoituksiin ja työkaluihin, sekä pääset discord-kanavalle jossa voit pyytää apua sekä ohjaajilta että muilta Hakatemian jäseniltä.