🕸️
HTMLCSS-0
  • welkom
  • Les 1: De basis
    • filmpje: wat is HTML?
    • je eerste site
    • body
    • titel
    • filmpje: de basistags
    • beetje meer body
    • kopjes
    • alinea's
    • Opdracht 1
  • Les 2: Body, Plaatje, Link
    • filmpje: plaatjes en links
    • belangrijke tekst
    • plaatje
    • link
    • Opdracht 2
  • Les 3: Lijsten
    • filmpje: opsommingen en lijsten
    • lijst/opsomming
    • Opdracht 4
  • Les 4: Tabellen
    • filmpje: tabellen
    • tabel
    • tabel met lijntjes
    • Opdracht 5
  • Les 5: CSS & kleur
    • filmpje: css en kleuren
    • style
    • apart css bestand
    • Opdracht 5
  • Les 6: iframe
    • filmpje: iframes om andere pagina's in te voegen
    • YouTube of maps toevoegen
    • Opdracht 6
  • Eindopdracht html-0
Powered by GitBook
On this page
  • Stap 1:
  • Stap 2:
  • Stap 3:

Was this helpful?

  1. Les 3: Lijsten

Opdracht 4

Neem onderstaande code weer over in een nieuwe index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Lijsten/Opsomming</title>
  </head>
  
  <body>
    <h1>de dieren op de noordpool</h1>
    <p>De volgende dieren wonen op de noordpool:
      veelvraat, Canadese lynx, Fluitzwaan, Poolhaas, Rode vos, Witte dolfijn, IJsbeer, Rendier, Narwal, Sneeuwuil, Poolvos, Reuzenalk, Papegaaiduiker. </p>

    <h1> dit is mijn top 5</h1>
    <p>Hier is mijn top 5:</p>

  </body>
</html>

Stap 1:

Zet deze dieren in een lijst. Lukt dat?

Stap 2:

Nu ga je op je site ook een top 5 van je leukste dieren toevoegen.

Stap 3:

Vond je dit eigenlijk wel makkelijk en wil je wat ingewikkelds proberen? Dan hebben wij een uitdaging voor je! Kun je een lijst in een lijst maken? Tip: je hebt nu tags in tags nodig. Probeer maar eens wat en als je er niet uitkomt vraag het dan aan je docent.

Previouslijst/opsommingNextfilmpje: tabellen

Last updated 1 year ago

Was this helpful?