Tekst

Je hebt dat beginnetje.html nog wel, he:

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

Ga er nu maar eens wat meer tekst bij typen. Kijk maar eens even of je begrijpt hoe het werkt. Je ziet hierboven dat stukje tussen <p> en </p>? Die “p” betekent “paragraaf”. Da’s een moeilijk woord voor “stukje tekst.

Tussen dit stukje tekst en het vorige stukje staat wat ruimte, he? Dat is wat een paragraaf is. Een los stukje tekst met wat ruimte erboven en eronder.

Nog twee dingen die ik je wil leren: vet en schuin. Je kent waarschijnlijk wel die knopjes b en i? Daarmee maak je iets vet of schuin. In het Engels heet dat bold en italic. Weet je gelijk waar die “b” en “i” vandaan komen :-)

Nou, in html is dat dus ook makkelijk. Gewoon “b” en “i” gebruiken. Tussen die <  >. En vergeet je de schuine streep niet om mee te stoppen? Dus vet begin je met <b> en eindig je met </b>.

Hier is een voorbeeldje. Schrijf jij maar eens je eigen verhaaltje over je pappa. En gebruik maar wat vet en schuin:

<html>
  <head>
    <title>Tadaah!</title>
  </head>
  <body>
    <h1>Pappa is geweldig</h1>
    <p>
      Mijn pappa is al <b>38 jaar</b>. En hij
      is erg lief.
    </p>
    <p>
      Hij kan hele mooie websites maken. Maar als
      hij uit moet leggen hoe html werkt, doet hij
      dat wel een <i>beetje</i> lastig.
    </p>
  </body>
</html>

En dat zou dan zoiets moeten worden:

tweede voorbeeldje

Maar… verzin vooral zelf iets!

 
vanrees.org logo

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.