🕸️
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
  • Stap 4

Was this helpful?

  1. Les 1: De basis

Opdracht 1

Previousalinea'sNextfilmpje: plaatjes en links

Last updated 1 year ago

Was this helpful?

Stap 1

  • Maak in je Coderclass map op je computer een map met de naam HTML-0

  • Open de map in Visual Studio Code (file -> open folder)

Stap 2

Maak een index.html file aan in de folder.

En typ het onderstaande over in het bestand:

<!DOCTYPE html>
<html>
  <head>
    <title></title>
  </head>
  <body>
  
  </body>
</html>

Verander de titel van je website naar "Een pagina over mijzelf". Denk erom dat je deze tekst tussen <title> en </title> dus gaat aanpassen.

Als je de pagina opent in een browser zie je je website.

Stap 3

Maak nu drie <h1>-tags aan op je pagina. Noem de eerste "Over mijzelf", de tweede "Hobbies" en de derde "Contact". Dit moet er zo uit komen te zien:

Over mijzelf Hobbies Contact

Stap 4

Zet onder elke <h1>-tags een paragraaf waarin je iets zinnigs verteld over jezelf. Je hobbies en over je contactgegevens (denk aan de <p> tags!). Je hoeft niet zoveel te schrijven hoor. Een regel per kopje is meer dan genoeg. Zie hieronder een voorbeeld:

Over mijzelf

Ik ben jan en ben 12 jaar oud. Ik woon in Amsterdam

Hobbies

Ik zit op voetbal en houd van minecraf

CONTACT

Je kunt mij bereiken op jan@jan.nl

Belangrijk! Gebruik altijd je school e-mail adres of iets dergelijk. Zet niet je telefoonnummer of adres op internet.

Je kunt met de volgende les aan de slag.