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

About me

My name is Reinout van Rees and I work a lot with Python (programming language) and Django (website framework). I live in The Netherlands and I'm happily married to Annie van Rees-Kooiman.

Weblog feeds

Most of my website content is in my weblog. You can keep up to date by subscribing to the automatic feeds (for instance with Google reader):