1. In de editor heb je het bestand index.html geopend.

  2. Vind de regel met Welcome to my Website! en verander dit in Welkom op de website vanen dan je naam. Pas op dat je de tekst <h1> en </h1>. Klik daarna op Save. Om het resultaat op je site te zien, refresh je dat tabblad. In de meeste browers heb je daarvoor dit symbool of door op F5 te drukken.

  3. Verander nu ook <h1> en </h1> in <h2> en </h2>. Klik op Save en refresh de pagina. Wat is er gebeurd?

  4. Als je tekst op een website wilt zetten, moet je dit plaatsen tussen twee tags. Deze tags vertellen de browser hoe die de tekst moet laten zien. De tag <h1> betekent bijvoorbeeld dat het een kop is, <h2> een sub-kop en <p> een paragraaf of een tekst.

    Een browser is een programma dat je gebruikt om websites te bekijken. Voorbeelden hiervan zijn Internet Explorer, Chrome en Firefox.
    .html aan het einde van de bestandsnaam vertelt de browser dat het bestand een website is. De browser zoekt dan naar de tags die vertellen wat te laten zien. HTML is de taal die een website maakt en staat voor HyperText Markup Language.

  5. Waarom hebben we twee tags nodig? Er zijn een open- en een sluittag (opening en closing in het Engels) die de browser vertellen waar dingen beginnen en eindigen. Voor een kop <h1> betekent "hier komt test die ik moet laten zien als kop." De sluitende </h1> vertelt de browser dat de kop eindigt. Alles tussen de tags <body> en </body> is je website.

    Merk op dat een sluitende tag altijd aan slash, / heeft.
    De tags delen de pagina op in verschillende delen, zoals paragrafen en koppen. Deze delen worden elementen genoemd. Het zijn de bouwblokken voor je site.

  6. Verander <h2> en </h2> weer terug in <h1> en </h1>.

  7. Zoek de <title> en </title> tags. Verander de tekst tussen deze tages in De website van en dan je naam. Klik op Save en herlaad (refresh) de pagina. Zie je wat er nu veranderd is? (Kijk eens naar de titel van het tabblad)

  8. Zoek de onderstaande code:

    <p>Here's how you can make <strong>bold</strong> and <em>italic</em> text.</p>
    

    Kun je in je pagina zien wat de tags <strong> </strong> en <em> </em> met de tekst doen? Merk op: em staat voor "emphasis" en betekent benadrukken.

    Een webpagina bestaat dus alleen uit tekst met tags die ervoor zorgen dat het er goed uitziet!
    Je hebt de p tags voor paragrafen en h tags voor koppen (headings in het Engels). Probeer een paar andere koppen: verander het nummer en kijk wat er gebeurd met de grootte van de letters. Je kunt gaan van <h1> to <h6>. Je kunt ook de tekst veranderen tussen de <p> </p> tags of hiermee meer paragrafen toevoegen.

  9. Zorg ervoor dat er sowieso een subkop tussen <h2> tags in je website staat. Daar gaan we later nog wat mee doen.

results matching ""

    No results matching ""