Modern Markup

Stap 1: De HTML

In deze handleiding ga je te zien krijgen hoe Modern Markup is opgebouwd. We beginnen met dit: niks. Als je de HTML code van deze pagina bekijkt, dan zie je een hele simpele pagina's met maar een paar regels code. Ten eerste zien we natuurlijk de basis structuur:

  1. een DOCTYPE;
  2. een HTML element;
  3. een HEAD element;
  4. een TITLE element;
  5. en een BODY element.

Natuurlijk is dat logisch aangezien dit in alle HTML aanwezig moet zijn, daarom besteden we hier verder ook geen aandacht meer aan. Natuurlijk wel aan het BODY element aangezien het daar eigenlijk om gaat. Op dit moment kunnen we die indelen in 3 onderdelen:

Het logo
Dit onderdeel is het eerste element dat we zien in de BODY. Het logo zelf is een IMG element maar door de speciale waarde dat de afbeelding heeft (het is immers het logo van de site), is het IMG gehuld in een H1 element waardoor het als belangrijkste kop gezien wordt. Overigens heeft het H1 element ook een lang attribuut met daarin de waarde en-US. Dit is omdat de naam "Modern Markup" een Engelse naam is.
De informatie
Dit onderdeel bestaat uit alle elementen die na het H1 komen.
Copyright
Dit onderdeel bestaat uit enkel het aller laatste element wat we in de BODY zien; een P met als waarde van id "copyright". Dit eigenschap is voorzien van het id attribuut om het element te onderscheiden van de andere P elementen waardoor het makkelijk op te maken is.

Dit is natuurlijk nog lang niet hetzelfde als wat Modern Markup heeft. Zo missen we:

  1. het zoek formulier;
  2. het hoofdmenu;
  3. en het secundaire menu.

Geen nood! Dit wordt allemaal toegevoegd in De HTML (het vervolg).