tussen []: optioneel, sterk aanbevolen voor wie wil verdergaan in web
gebruik pijltjestoetsen om te navigeren
dotted codepanels zijn editeerbaar
<!DOCTYPE html>
<html lang="nl">
<head>
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<script src="/js/lib/require/require.js"></script>
</head>
<body>
<figure>
<img src="img/pictures/landscape.jpg" alt="some landscape">
<figcaption>credits: <a href="https://shutterstock.com">Shutterstock</a></figcaption>
</figure>
<p>Interesse? <a href="contact.html">Contacteer mij</a></p>
</body>
</html>
<a>
tag; de URL komt in het href
attribuut. Het is een inline element, dus het mag in een zin staan:
Bezoek onze <a href="https://odisee.be">Odisee homepagina</a>
Heb je interesse in onze opleidingen? Breng ons dan een bezoekje!
Klik <a href="https://odisee.be/info">hier</a> voor onze infodagen.
Heb je interesse in onze opleidingen? Breng ons dan een bezoekje!
Bekijk <a href="https://odisee.be/info">onze infodagen</a>.
title
attribuut:
<a href="https://odisee.be" title="ga naar de website van be.brussels">
<img src="img/03_links/logo_brussel.jpg" alt="Brussel logo">
</a>
<a href="" aria-label="bekijk de Youtube channel">
<span class="fa-brands fa-youtube"></span>
</a>
aria-*
attributen helpen blinden rich applications te gebruiken en te interpreteren
mailto:
Contacteer mij op <a href="mailto:johndoe@rock.com">mailto:johndoe@rock.com</a>
Bel me op via <a href="tel:+32489223344">0489 22 33 44</a>
Stuur me <a href="sms:+6612345678?body=het te verzenden bericht">een sms</a>
Contacteer me via : <a href="https://wa.me/32489223344">WhatsApp</a>
Chat via <a href="skype:+32489223344?call">Skype</a>
<a id="someId">...</a>
<a href="#someId">...</a>
:
...
<h2>Veelgestelde vragen</h2>
<ul>
<li><a href="#qst1">wat zijn de leverkosten?</a></li> <!-- link naar anker qst1 -->
<li><a href="#qst2">wat is de levertermijn?</a></li> <!-- link naar anker qst2 -->
<li><a href="#qst3">kan ik mijn bestelling retourneren?</a></li> <!-- link naar anker qst3 -->
</ul>
<h3><a id="qst1">wat zijn de leverkosten?</a></h3> <!-- definitie anker qst1 -->
<p>
De leverkosten hangen af van blablabla...
</p>
<h3><a id="qst1">wat is de levertermijn?</a></h3> <!-- definitie anker qst2 -->
<p>
Wij garanderen levering blablabla...
</p>
<h3><a id="qst1">kan ik mijn bestelling retourneren?</a></h3> <!-- definitie anker qst3 -->
<p>
Niet tevreden? Stuur dan...
</p>