HTML Structuur

Algemene structuur

De algemene structuur van een webpagina is als volgt :

⌈ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/transitional.dtd"> ⌉→ I

<html>

⌈ <head>
<title>Dit is mijn oefenwebsite</title>
</head>
 ⌉→ II

⌈ <body>
<p>Welkom op mijn oefenwebsite !</p>
</body>
 ⌉→ III

</html>

Een HTML 4 Document bestaat uit drie delen :

  1.  Een lijn met informatie over de gebruikte versie van HTML
  2.  Een hoofding : beschrijvend gedeelte
    De hoofding staat tussen de tags <head> en </head>.
    De hoofding bevat hier enkel het title-blok : de titel van de webpagina zoals die in de titelbalk van de browser wordt weergegeven.
    De titel staat tussen de tags <title> en </title>.
  3.  Een body : de eigenlijke inhoud van de webpagina
    De body staat tussen de tags <body> en </body>

Deel 1 is de DOCTYPE-declaratie (document type).
Browsers (zoals Internet Explorer, Mozilla Firefox, Google Chrome, Opera enz...) gebruiken de DOCTYPE-declaratie om te bepalen hoe een document moet worden weergegeven.
Er zijn drie verschillende DOCTYPES in html 4.01, hierover later meer.

Deel 2 en 3 worden omgeven door het HTML-element : de tags <html> en </html>.

Tags zijn dus instructies voor een browser die tussen < en > worden geplaatst.
Een tag sluiten < /... > duidt op een einde van een instructie.

In HTML 4.01 hebben niet alle elementen een verplichte eind-tag.
Het is echter een goede gewoonte om deze toe te voegen en in XHTML moeten alle tags correct worden afgesloten, dus zo zit je meteen goed voor de strengere regels van XHTML.

Tags worden in de handleiding <op deze wijze> weergegeven.

Maak er een goede gewoonte van enkel kleine letters te gebruiken voor de tags.

Sluit de tags in de omgekeerde volgorde van openen.

vb.
<p><b><i>tekst</i></b></p>

Zo voldoe je meteen aan de strengere eisen van XHTML

naar boven naar boven volgende elementen
naar boven naar elementen