HTML codes

HTML codes

HTML codes staan voor de individuele delen van je pagina. Denk hierbij aan afbeeldingen of paragrafen. Naast deze onderdelen voorziet HTML ook in elementen op blokniveau waarmee websites worden omschreven. In dit artikel wordt duidelijk omschreven hoe middels een geschreven HTML code een websitestructuur opgezet kan worden.

HTML zorgt voor structuur!

Websites zijn doorgaans ingericht met meerdere kolommen. Het is hierin belangrijk dat per de verschillende elementen op pagina's de meest geschikte acties worden uitgevoerd. In een HTML code kan namelijk de opmaak van verschillende elementen gebaseerd worden op bijvoorbeeld functionaliteit. Ondubbelzinnige elementen kunnen worden ingezet om deze secties te vertegenwoordigen. Om dit toe te kunnen passen is HTML uitgerust met verschillende tags die speciaal voor deze elementen zijn ontworpen. Dit kan er dan als volgt uit zien:

  • Hoofding: Wordt aangetoond middels de code < Header >.
  • Belangrijkste inhoud: < Main >. De belangrijkste inhoud kan worden onderverdeeld in verschillende secties, namelijk: < Article > , < Section > en < Div > elementen.
  • Zijbalk: Deze behoort meestal tot de < Main > sectie en wordt weergegeven als < Aside >.
  • Navigatiebalk: De navigatiebalk op websites worden aangeduid middels < Nav >.
  • Voettekst: De voettekst van pagina's wordt in HTML weergegeven als < Footer >.

Toelichting op HTML elementen

De reeds genoemde HTML elementen worden hieronder verder toegelicht. Het is van belang om de algemene betekenis te kennen van deze elementen en zodoende de definities te begrijpen. De toelichting is als volgt:

  • < Header > : Staat garant voor een groep inleidende inhoud
  • < Main > : Is voor de unieke inhoud op die desbetreffende pagina
  • < Article > : Omhult een specifiek blok met gerelateerde inhoud
  • < Section > : Wordt gebruikt om één onderdeel van de pagina te groeperen
  • < Div > : Is een niet semantisch element op blokniveau
  • < Aside > : Bestaat uit inhoud die niet onmiddellijk in verband ligt met de meest belangrijke inhoud van die pagina
  • < Nav > : Bevat de meest belangrijke navigerende functionaliteit voor die betreffende pagina
  • < Footer > : Staat garant voor een groep met inhoud die op het einde van de webpagina past

Wil jij graag meer weten over HTML codes? Neem dan contact op middels het contactformulier van Makenwebsite!

Terug naar overzicht