Je hebt nu één webpagina gemaakt, met wat tekst op. Maar dat is nog geen website. Een website heb je pas als je meerdere pagina’s aan elkaar verbindt. Dat kan je doen met links.

Maak om te beginnen een extra pagina in het mapje van je site. Noem deze pagina bijvoorbeeld coderdojo.html. Dan ziet je site-map er ongeveer zo uit:

  • Mijn site
    • images
    • index.html
    • coderdojo.html

Nu kan je in index.html de code aanpassen, zodat ‘ie er zo uitziet:

<!doctype html>
<html>
    <head>
    <title>Mijn allereerste webpagina</title>
    </head>
    <body>
        <h1>Welkom!</h1>
        <p>Dit is mijn website, en ze gaat over wat ik leuk vind!</p>
        <h2>Mijn hobby's</h2>
        <p>Coderdojo natuurlijk, Yay!</p>
        <h3>Een opsomming</h3>
        <ul>
            <li><a href="coderdojo.html">Coderdojo</a></li>
            <li>Scouts</li>
            <li>Voetbal</li>
            <li>Lezen</li>
        </ul>
    </body>
</html>

Je hebt nu dus een link naar coderdojo.html toegevoegd met volgende code:

Op die manier kan je links naar elke pagina op het web leggen. Bijvoorbeeld ook naar Google:

Bezig met laden...
Google

Om de juiste link te leggen naar een andere pagina op het internet, heb je de url ervan nodig. Die vind je in de adresbalk van je browser:

screenshot van adresbalk