🕸️
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 2: Body, Plaatje, Link

Opdracht 2

<!DOCTYPE html>
<html>
  <head>
    <title>Dieren op de noordpool</title>
  </head>
  <body>
    <h1>Noordpool</h1>
    <p>Je kunt het je niet voorstellen, maar op Noordpool leven prachtige dieren. Met de Noordpool bedoelen we het gebied binnen de Noordpoolcirkel, de Arctis genaamd.</p>
    
    <h1>Temperatuur</h1>
    <p>De temperatuur is hier tussen de -32 en de 0 graden.</p>

    <h1>Dieren</h1>
    <p>De volgende dieren wonen op de noordpool: Veelvraat, Canadese lynx, Fluitzwaan en nog veel meer.</p>

  </body>
</html>

Maak een nieuwe map voor opdracht 2 (zorg dat deze in html-0 map staat en niet in je opdr-1 map) en maak een nieuwe index.html. Neem de bovenstaande code over in je index.html

Stap 1

Bekijk de tekst even onder het kopje noordpool. De woorden noordpool en Arctis vind ik belangrijker dan de rest. Maak deze dan dik gedrukt zodat ze goed opvallen.

Stap 2

Stap 3

PreviouslinkNextfilmpje: opsommingen en lijsten

Last updated 1 year ago

Was this helpful?

Het is leuk om onder het kopje “dieren” een foto een dier toe te voegen. Zoek een leuke foto van het internet. Extra: Misschien vind je je plaatje wel wat te groot of te klein. Het formaat van het plaatje kun je aanpassen binnen de tag. Om te weten hoe je dit kunt doen kun je eens een kijkje nemen op de volgende website: als je er niet uitkomt, vraag het dan gerust aan je docent!

Maak een kopje aan met “leuke weetjes” en daaronder een korte paragraaf met linkjes die verwijzen naar leuke weetjes over de noordpool. Kijk terug op wat je bij leskaart 1 hebt geleerd als je niet meer zo goed weet hoe kopjes en paragrafen werken. Extra: Met de <a>-tag kun je nog meer dan alleen maar een link openen in het bestaande scherm. Je kunt bijvoorbeeld ook een nieuw tabblad openen waarin de pagina uit het linkje komt te staan. Om te weten hoe je dit moet doen kun je kijken naar de volgende website:

https://www.w3schools.com/tags/tag_img.asp
https://www.w3schools.com/tags/att_a_target.asp