Inleiding

HTML, oftewel HyperText Markup Language, vormt de fundering van elke website op het internet. Met HTML bepaal je de structuur en inhoud van een webpagina: van tekst en afbeeldingen tot links en video’s.
Het begrijpen van de belangrijkste HTML begrippen helpt je om zelf websites te bouwen, aan te passen of beter te begrijpen hoe ze werken.
In dit artikel ontdek je de kernbegrippen van HTML, met korte en duidelijke uitleg die je direct kunt toepassen.

Wat is HTML?

HTML is de taal waarmee je de structuur van een webpagina opbouwt. Door middel van tags en attributen vertel je de browser hoe de inhoud eruit moet zien. Zonder HTML zou er niets zichtbaar zijn in je browser — het vormt dus de ruggengraat van het web.

Belangrijke HTML Begrippen Uitgelegd

ALT (Alternatieve Tekst)

De ALT-tekst beschrijft wat er op een afbeelding te zien is. Deze tekst wordt getoond als de afbeelding niet kan worden geladen en helpt zoekmachines én bezoekers met een visuele beperking om de inhoud te begrijpen. ALT-teksten zijn ook belangrijk voor SEO, omdat ze bijdragen aan betere indexering van afbeeldingen.

Body

De body-tag bevat alle zichtbare inhoud van je webpagina, zoals tekst, afbeeldingen en video’s. Alles wat bezoekers daadwerkelijk op het scherm zien, staat binnen dit element.

Charset

Met charset bepaal je welke tekenset een webpagina gebruikt. De meest gangbare is UTF-8, waarmee vrijwel alle internationale karakters correct worden weergegeven. Dit voorkomt vreemde symbolen of foutieve letters.

Class

Een class groepeert elementen die dezelfde stijl of functionaliteit hebben. Zo kun je met CSS of JavaScript eenvoudig meerdere onderdelen tegelijk opmaken of manipuleren.

DL, DT en DD

Deze drie elementen gebruik je voor een definitielijst:

• DL – Definition List
• DT – Definition Term (de term zelf)
• DD – Definition Description (de uitleg van de term)

Div (Division)

Een div is een container waarmee je inhoud kunt groeperen. Dit maakt de structuur overzichtelijk en vereenvoudigt het toepassen van stijlen in CSS.

Element

Een HTML-element is de bouwsteen van elke webpagina. Het bestaat uit een openingstag, de inhoud en een sluitingstag. Samen vormen deze elementen de structuur van je site.

Em (Emphasis)

De em-tag benadrukt tekst en wordt standaard cursief weergegeven. Het is niet alleen visueel belangrijk, maar helpt zoekmachines en schermlezers om te begrijpen welke woorden extra betekenis hebben.

H1 tot H6 (Koppenstructuur)

Koppen geven je tekst hiërarchie en structuur:

• H1 is de hoofdtitel van de pagina.
• H2–H6 zijn subtitels en subonderdelen.
  Een goede koppenstructuur verbetert zowel de leesbaarheid als je SEO.

Head

De head-sectie bevat informatie die niet zichtbaar is voor bezoekers, zoals de titel, meta-tags en scripts. Deze gegevens zijn belangrijk voor zoekmachines en de technische werking van je website.

Height

Met het height-attribuut bepaal je de hoogte van een element, zoals een afbeelding of video. Gebruik bij voorkeur CSS om dit te regelen, zodat je code overzichtelijk en flexibel blijft.

Href (Hyperlink Reference)

De href-eigenschap in een <a>-tag maakt links naar andere pagina’s of websites mogelijk. Het zorgt ervoor dat gebruikers eenvoudig kunnen navigeren, en helpt zoekmachines om pagina’s met elkaar te verbinden.

Id (Identificatie)

Een id is een uniek kenmerk dat je aan een element toekent. Handig om specifieke onderdelen te stylen of aan te spreken met JavaScript. Een id mag maar één keer per pagina voorkomen.

Img (Afbeelding)

De img-tag voegt afbeeldingen toe aan een webpagina. Gebruik altijd de attributen:

• src – de bron van de afbeelding
• alt – de alternatieve beschrijving

Inline-elementen

Inline-elementen blijven op dezelfde regel als de omliggende tekst. Voorbeelden zijn <b>, <em>, <span> en <img>. Ze beïnvloeden slechts een klein deel van de inhoud, zonder nieuwe regels te beginnen.

Li (List Item)

De li-tag maakt een item binnen een lijst. Samen met <ul> (ongeordende lijst) of <ol> (geordende lijst) gebruik je deze om informatie overzichtelijk te presenteren.

Meta

Meta-tags geven informatie over je pagina aan zoekmachines, zoals de beschrijving en trefwoorden. Ze zijn belangrijk voor zoekmachineoptimalisatie (SEO).

Name

Het name-attribuut identificeert formulieronderdelen, zodat verzonden gegevens correct kunnen worden verwerkt. In moderne HTML wordt hiervoor vaker id gebruikt.

Paragraaf (p)

De p-tag groepeert tekst in paragrafen en zorgt voor overzichtelijke en leesbare content.

Rowspan

Met rowspan laat je een cel in een tabel meerdere rijen beslaan. Dit is handig voor overzichtelijke tabellen met samengevoegde gegevens.

Span

De span-tag markeert een specifiek deel van tekst zonder een nieuwe regel te starten. Handig voor inline-styling of kleine tekstaanpassingen.

Src (Source)

Het src-attribuut geeft de bron aan van externe bestanden, zoals afbeeldingen, video’s of scripts. De browser gebruikt deze bron om de inhoud te laden.

Strong

De strong-tag benadrukt belangrijke woorden en toont ze vetgedrukt. Zoekmachines herkennen deze tekst als extra belangrijk, wat helpt bij SEO.

Style

Met het style-attribuut geef je elementen direct een stijl. Denk aan kleuren, marges of lettergroottes. Voor grotere websites is een extern CSS-bestand echter aan te raden.

Sub & Sup

De sub– en sup-tags zorgen voor onderschrift (subscript) en bovenschrift (superscript). Handig bij chemische formules of notaties zoals H₂O of m².

Table-elementen (TR, TH, TD)

Deze tags vormen samen een tabel:

• TR – rij
• TH – kopcel
• TD – gegevenscel

Tag

Een tag markeert het begin en einde van een element. Zonder tags kan een browser niet begrijpen hoe de inhoud moet worden weergegeven.

Title

De title-tag bepaalt de titel van je webpagina. Deze verschijnt in de browser-tab en in de zoekresultaten. Een duidelijke titel is belangrijk voor SEO.

Unicode

Unicode zorgt ervoor dat tekens uit verschillende talen correct worden weergegeven. Hiermee voorkom je dat speciale karakters verkeerd worden getoond.

Width

Het width-attribuut bepaalt de breedte van een element, zoals een afbeelding of tabelcel. Net als bij height kun je dit beter regelen met CSS voor meer flexibiliteit.

XHTML

XHTML is een striktere, op XML gebaseerde versie van HTML. Het zorgt voor beter gestructureerde en consistente code.

Waarom Kennis van HTML Belangrijk is

Wie websites wil begrijpen, verbeteren of bouwen, heeft baat bij kennis van deze HTML begrippen. Ze vormen de basis voor elke webpagina en zijn onmisbaar bij het leren van CSS, JavaScript en SEO.

Met deze basis kun je makkelijker communiceren met ontwikkelaars, zelf kleine aanpassingen doen en beter begrijpen hoe zoekmachines jouw website lezen.

Meer leren?

Wil je verder leren hoe je jouw website technisch én inhoudelijk kunt verbeteren? Lees dan ook onze blog over Google Search Console – een perfecte aanvulling op je HTML-kennis, waarmee je inzicht krijgt in hoe jouw website presteert in Google.