Beginnetje¶

Wat is “html” nou weer? Kijk maar ergens boven in je scherm. http://reinout.vanrees.org/, ja, da’s deze website. En dan nog wat. En aan het eind? beginnetje.html. Tadaah, .html betekent een internetpagina, net zoals .jpg of .png voor een plaatje of .doc voor een document.

Nou, je moet ergens beginnen. Kijk eens op je computer rond naar Notepad (of “kladblok” of hoe het ook heet). “Start” linksonderaan als je met windows werkt en dan bij programma’s kijken. (Als je pappa geen windows heeft moet je hem maar even vragen wat je moet gebruiken).

Je weet vast wel hoe knippen en plakken werkt! Selecteer het stukje html hieronder met je muis. Kopieer en plak het daarna eens in Notepad/kladblok:

<html>
  <head>
    <title>Tadaah!</title>
  </head>
  <body>
    <h1>Groot</h1>
    <p>
      Tadaah, hier komt tekst.
    </p>
  </body>
</html>

En bewaar het ergens als beginnetje.html. Open het beginnetje.html bestand dan met je webbrowser (“internet explorer”, “firefox”, of iets dergelijks). Dan zou je zoiets moeten zien:

Wow, het werkt! Maaruh… wat zijn al die rare tekens? Die tussen de < en >? Weet je waar die zitten op je toetsenbord? Boven de punt en de komma. Shift-punt is > en shift-komma is <. Grote mensen noemen ze “groter-dan” en “kleiner-dan”.

Wat tussen die < > staat vertelt je webbrowser wat ‘ie moet doen. Net zoals pappa zegt “ruim je kamer op”, net zo zeg jij tegen je webbrowser “maak hier een hoofdstukkopje van”. Kijk maar naar die grote letters. Da’s een hoofdstukkopje. Dat heb jij zonet aan je webbrowser vertelt!

<h1> betekent “begin hier een hoofdstukkopje 1”. (Nummer 1 omdat het het belangrijkste kopje is, maar da’s nog niet zo belangrijk). Dan typte je “groot”. Dat laat je browser allemaal als hoofdstukkopje zien. En met </h1>, dus met een schuine streep erbij, vertel je je webbrowser dat ‘ie er mee op moet houden met die hoofstukkop.

Html kan heel moeilijk en ingewikkeld zijn en ik kan je nog niet alles uitleggen. Dus geloof me maar als ik zeg dat die <html> en <body> enzo belangrijk zijn. Gewoon laten staan :-)

Opdracht: verander de tekst van dat hoofdstukkopje eens van “Groot” in “Mijn pappa is geweldig”!

Reinout van Rees

My name is Reinout van Rees and I program in Python, I live in the Netherlands, I cycle recumbent bikes and I have a model railway.