Voor elke afbeelding, tabel, ... die je ziet op een webpagina, moet de websitebouwer codes schrijven. Deze codes worden geschreven in HTML.

Geen paniek: HTML is geen programmeertaal en is dus helemaal niet zo moeilijk.

Elke website bevat HTML-codes. Handig is ook dat je van elke website kunt achterhalen uit welke HTML-codes deze is opgebouwd.

1. Start Internet Explorer of een andere browser.
2. Ga naar een willekeurige website.
3. Wanneer de website ingeladen is, klik je in de menubalk op Beeld.
4. Klik daarna op Bron. De HTML-code verschijnt.
   
5. Je kan ook op eender welke pagina gaan staan met je muis, op je rechtermuisknop klikken, en de bron opvragen.
   

Een HTML-document bestaat eigenlijk uit twee verschillende soorten tekst

1. De gewone tekst is de tekst die je kunt zien als je de webpagina bekijkt. In de afbeelding hierboven is dat de tekst die niet gemarkeerd staat.
2. De HTML-tekst is opgebouwd uit tags; dit zijn de HTML-codes. In de afbeelding hierboven is dat de tekst die geel gemarkeerd staat. Deze codes zijn eigenlijk niet meer dan Engelse instructies die tussen het kleiner dan- (<) en groter dan-teken (>) staan. De tags zorgen ervoor dat het document wordt opgemaakt, dat de tekst wordt ingedeeld en dat verwijzingen worden opgenomen naar andere bestanden en webpagina's.

Tags

Tags kom je bijna altijd met twee tegen: een tag die het begin aanduidt en eentje die het einde aanduidt. De eind-tag wordt voorafgegaan door een "slash" (schuine streep naar rechts). Het geheel komt er dan zo uit te zien:

Alle gegevens die tussen de tags staan ("Gewone tekst") krijgen de eigenschap mee van de betreffende tag.

Een eerste voorbeeld

Een voorbeeld zal veel duidelijk maken. Om tekst cursief weer te geven, moet de tekst tussen de I tags staan (i staat voor het Engelse woord italic, wat cursief betekent) :

We krijgen dus de volgende code :

Willen we deze tekst vervolgens ook nog eens centreren (in het midden van de pagina plaatsen) dan moet die tussen de CENTER tags staan :

De code wordt dus:

Zoals je ziet kunnen we dus van meerdere tags tegelijk gebruik maken. Let wel dat je ze in de juiste volgorde afsluit. Wil je tags toevoegen, dan omring je al het voorgaande met de nieuwe tags.

Tip

Ook al heb je de wijzigingen opgeslagen, als je je webpagina bekijkt zul je de wijzigingen die je net hebt doorgevoerd nog niet zien.

Om de wijzigingen te bekijken, moet je eerst je webpagina opnieuw inladen. Dit doe je door in je browser te klikken op de knop Vernieuwen of Refresh.

Ga verder met het hoofdstuk over HTML Attributen.