De basis

Nu je weet wat tags en containers zijn, kun je beginnen met het bouwen van je site. Elk HTML-document heeft altijd deze basiscode nodig:

<HTML>
<HEAD>
<TITLE>Hier komt de titel van je pagina</TITLE>
</HEAD>
<BODY>
Hier komt de tekst van je pagina
</BODY>
</HTML>

We bespreken deze code van buiten naar binnen.

html en /html

<HTML> en </HTML> vertellen je browser (het programma waarmee je op internet surft) dat het om een pagina in HTML gaat. Er bestaan nog oudere talen (zoals SGML) en nieuwere (zoals XML), dus je browser moet weten met welke jij werkt.

head en /head

Tussen <HEAD> en </HEAD> komt alle informatie die de bezoeker niet in zijn browservenster ziet. Denk aan de beschrijving van je site (zodat zoekmachines die makkelijker indexeren), de maker en de titel. Op al deze tags gaan we later in.

title en /title

De tags <TITLE> en </TITLE> staan tussen <HEAD> en </HEAD>. Ertussen zet je de titel van je site. Zoekmachines gebruiken die, dus hij is belangrijk, en hij komt ook bovenaan in de titelbalk van je browser te staan.

body en /body

<BODY> en </BODY> vormen zowat de belangrijkste tag. Ertussen komt het lichaam van je document: alles wat de bezoeker op zijn scherm ziet. Het is een container, dus je mag de parameters weglaten; dan gebruikt de browser zijn standaardinstellingen. De body-tag kan deze parameters bevatten:

• TEXT="#000000" de kleur van de tekst. Dit is een hexadecimale kleurcode: een hekje gevolgd door zes tekens.
• LINK="#4466DD" de kleur van de links.
• ALINK="#AABBFF" de kleur van de actieve link, de link waarop je klikt.
• VLINK="#00BBAA" de kleur van bezochte links.
• BGCOLOR="#FFFFFF" de achtergrondkleur.
• BACKGROUND="achtergrond.gif" de achtergrondafbeelding, die over de achtergrondkleur wordt gelegd. Kies een achtergrondkleur waarbij de tekst al leesbaar is.

Deze parameters bepalen alleen de standaardkleur. Losse stukken tekst kun je met andere tags een eigen kleur geven; daar gaan we later op in. In de eindtag zet je nooit parameters: die blijft altijd </BODY>.

TIP 1: geef de hoofdpagina van je site altijd de naam index.html. Je bezoeker hoeft dan alleen het adres in te typen; de browser opent index.html automatisch.

TIP 2: maak een sjabloon voor al je pagina’s met de tags die je hierboven hebt geleerd. Dan hoef je niet steeds alles opnieuw te typen.