HTML begrippen
8 minuten leestijd
Samenvatting
HTML (HyperText Markup Language) is de fundamentele taal voor het structureren en weergeven van webpagina’s. Het bestaat uit tags en attributen die elementen zoals tekst, afbeeldingen, video’s en links definiëren. Belangrijke begrippen zijn:
- ALT: Alternatieve tekst voor afbeeldingen, essentieel voor SEO en toegankelijkheid.
- Body: Bevat de zichtbare inhoud van een webpagina.
- Class: Groepeert elementen voor consistente styling.
- H1-H6: Koppen die de inhoud structureren en hiërarchie aangeven.
- Href: Bepaalt de bestemming van hyperlinks.
- Meta: Bevat beschrijvingen en informatie voor zoekmachines.
- Img: Voor het toevoegen van afbeeldingen, met attributen zoals
src
enalt
. - Div en Span: Structureren content en bieden stylingopties.
- Style: Inline styling van elementen.
- Unicode: Zorgt voor correcte weergave van tekens en symbolen.
Het begrijpen van HTML-begrippen is cruciaal voor het bouwen, aanpassen en optimaliseren van
Snel naar
Table of Contents
Table of Contents
Inleiding
HTML, oftewel HyperText Markup Language, is de basis voor elke website die je op het internet tegenkomt. Deze taal wordt gebruikt om de structuur en inhoud van webpagina’s op te bouwen, zoals tekst, afbeeldingen, video’s en links. Het begrijpen van de verschillende HTML begrippen is essentieel als je zelf een website wilt maken of aanpassen. In dit artikel bespreken we de belangrijkste HTML begrippen, zodat je snel vertrouwd raakt met de basisprincipes.

Wat zijn HTML Begrippen?
HTML
HTML is de taal die de structuur van een webpagina bepaalt. Met HTML begrippen zoals tags en attributen geef je vorm aan de inhoud, waardoor browsers zoals Chrome of Firefox begrijpen hoe jouw pagina eruit moet zien.
Belangrijke HTML Begrippen Uitgelegd
ALT
Het begrip ALT staat voor alternatieve tekst. Deze tekst wordt gebruikt voor afbeeldingen op je website. Zoekmachines en schermlezers gebruiken de ALT-tekst om te begrijpen wat er op een afbeelding staat, vooral wanneer de afbeelding zelf niet kan worden geladen of als hulpmiddel voor mensen met een visuele beperking.
Body
Het body-element in HTML bevat alle zichtbare inhoud van een webpagina, zoals tekst, afbeeldingen en video’s. De body is een van de belangrijkste HTML begrippen omdat alle content die een bezoeker ziet, hierin staat.
Charset
Charset of character set bepaalt welke tekens en symbolen correct worden weergegeven. Het meest gebruikte charset is UTF-8, waarmee vrijwel alle letters en symbolen wereldwijd worden ondersteund. Dit HTML begrip zorgt ervoor dat de tekst op je website er altijd goed uitziet.
Class
Een class is een van de handige HTML begrippen waarmee je elementen kunt groeperen voor styling met CSS of voor interactie met JavaScript. Dit helpt bij het structureren van je code en het consistent toepassen van stijlen.
Dl, Dd, Dt
Deze HTML begrippen worden gebruikt voor een definitielijst:
- DL: Definition List
- DT: Definition Term (de term die je definieert)
- DD: Definition Description (de uitleg van de term)
Division (Div)
Een div is een HTML begrip dat wordt gebruikt om content te groeperen in verschillende secties. Dit helpt bij het structureren van een webpagina en maakt het gemakkelijker om specifieke onderdelen te stylen met CSS.
Element
Een HTML-element is een bouwsteen van een webpagina. Het bestaat uit een openingstag, inhoud en een sluitingstag. HTML begrippen zoals elementen zijn essentieel voor het opzetten van de structuur van je website.
Em
Het em-element wordt gebruikt om een stuk tekst te benadrukken binnen een HTML-document. Dit HTML begrip helpt bij het aangeven dat een bepaald woord of een bepaalde zin extra aandacht verdient. De meeste browsers tonen de tekst die binnen een <em>-tag staat cursief, wat helpt om het verschil duidelijk te maken voor de lezer. Het gebruik van het em-element is ook belangrijk voor zoekmachines en schermlezers, omdat het aangeeft dat een bepaald stuk tekst extra belangrijk is. Hierdoor begrijpen zoekmachines beter waar je inhoud over gaat, wat de SEO van je website kan verbeteren.
H-Koppen (H1 tot H6)
H-koppen zijn HTML begrippen die worden gebruikt om de hiërarchie van de inhoud te organiseren:
- H1 is de belangrijkste kop en wordt gebruikt voor titels.
- H6 is de minst belangrijke kop en wordt gebruikt voor sub-sub-subtitels.
Head
De head-sectie bevat informatie zoals de titel en meta-tags die niet direct zichtbaar zijn voor bezoekers, maar wel belangrijk zijn voor zoekmachines. Dit HTML begrip zorgt voor de optimalisatie en functionaliteit van je webpagina.
Height
Het height-attribuut wordt gebruikt om de hoogte van een HTML-element te bepalen, zoals een afbeelding, een video of een div-container. Dit HTML begrip is essentieel om de lay-out van je webpagina consistent en overzichtelijk te houden. Met het height-attribuut kun je ervoor zorgen dat afbeeldingen en andere elementen precies de juiste hoogte hebben, wat helpt om je pagina er netjes en georganiseerd uit te laten zien. Je kunt de hoogte instellen in verschillende eenheden, zoals pixels (px), procenten (%), of em’s, afhankelijk van je ontwerpdoelen. Dit attribuut is vooral nuttig wanneer je wilt dat elementen zich aanpassen aan verschillende schermgroottes en apparaten, wat bijdraagt aan een responsieve webpagina.
Href (Hyperlink Reference)
De href-eigenschap gebruik je om een link te maken naar een andere pagina, website of bron. Dit is een essentieel HTML begrip voor navigatie, omdat het gebruikers in staat stelt eenvoudig tussen pagina’s te schakelen. Het href-attribuut binnen de <a>-tag geeft aan waar de link naartoe leidt. Dit is belangrijk voor zowel gebruikers als zoekmachines, omdat het helpt bij het navigeren en indexeren van je website.
Inline-elementen
Inline-elementen zijn HTML begrippen die op dezelfde regel blijven als de omliggende tekst, zonder een nieuwe regel te beginnen. Dit betekent dat ze niet de volledige breedte van de pagina innemen. Enkele veelvoorkomende voorbeelden van inline-elementen zijn <b>, <em>, <span>, en <img>. Deze elementen zijn handig wanneer je kleine stukjes content wilt stylen of afbeeldingen wilt invoegen zonder de flow van de tekst te onderbreken.
Id (Identification)
Het id-attribuut wordt gebruikt om een uniek kenmerk toe te voegen aan een HTML-element. Dit HTML begrip is bijzonder nuttig wanneer je specifieke onderdelen van een pagina wilt stylen met CSS of wilt aanspreken met JavaScript. Omdat een id uniek moet zijn binnen een pagina, kun je er zeker van zijn dat je altijd het juiste element selecteert.
Img
De img-tag wordt gebruikt om afbeeldingen in te voegen op een webpagina. Dit HTML begrip is essentieel om visuele content toe te voegen. De tag vereist altijd twee belangrijke attributen: src (bron), waarmee je de locatie van de afbeelding aangeeft, en alt (alternatieve tekst), die een beschrijving biedt voor zoekmachines en schermlezers. Dit maakt je website toegankelijker en helpt bij SEO.
Li (List Item)
Het begrip li staat voor lijstitem en wordt gebruikt om individuele items binnen lijsten te creëren, zowel in geordende lijsten (ol) als ongeordende lijsten (ul). Dit HTML begrip is essentieel voor het structureren van opsommingen en helpt bij het overzichtelijk presenteren van informatie op een webpagina.
Meta
Meta-tags bieden informatie over de inhoud van een webpagina aan zoekmachines. Dit HTML begrip helpt bij het optimaliseren van je website voor zoekmachines, oftewel SEO. Meta-tags bevatten vaak beschrijvingen, trefwoorden en andere metadata die zoekmachines gebruiken om beter te begrijpen waar je pagina over gaat en deze te indexeren.
Name
Het name-attribuut wordt gebruikt om een element te identificeren, vooral binnen formulieren en scripts. Dit HTML begrip is essentieel bij het verwerken van gegevens die door gebruikers worden ingevoerd, omdat het ervoor zorgt dat de server de juiste informatie ontvangt tijdens het versturen van een formulier.
Paragraaf (<p>)
De p-tag, een belangrijk HTML begrip, staat voor paragraaf en wordt gebruikt om tekstblokken te groeperen op een webpagina. Dit HTML begrip helpt om de inhoud leesbaar en gestructureerd weer te geven, waardoor paragrafen duidelijk worden gescheiden.
Quirks-mode
Quirks-mode is een HTML begrip dat door oudere browsers wordt gebruikt om websites weer te geven die zijn gemaakt volgens oude standaarden. Dit begrip is vooral van belang bij het oplossen van compatibiliteitsproblemen wanneer je een oudere website wilt laten functioneren in moderne browsers.
Rowspan
Rowspan is een HTML begrip dat wordt gebruikt om een cel in een tabel meerdere rijen te laten beslaan. Dit maakt het mogelijk om tabellen overzichtelijker te maken door cellen samen te voegen, wat vooral handig is bij complexe tabellay-outs.
Span
De span-tag is een HTML begrip dat wordt gebruikt om delen van tekst te markeren zonder een nieuwe regel te starten. Het is vooral handig voor het toepassen van inline-styling of kleine aanpassingen binnen een lopende tekst, zonder de structuur van de pagina te verstoren.
Src (Source)
Het src-attribuut is een HTML begrip dat de bron aangeeft van een extern bestand, zoals een afbeelding, video of script. Het bepaalt waar de browser de benodigde content kan vinden om weer te geven op de webpagina.
Standard-mode
In standard-mode worden pagina’s weergegeven volgens de moderne HTML- en CSS-standaarden. Dit HTML begrip zorgt ervoor dat browsers de nieuwste webtechnieken en standaarden toepassen, waardoor de pagina correct en consistent wordt weergegeven op verschillende apparaten en browsers.
Strong
De strong-tag wordt gebruikt om tekst extra nadruk te geven en wordt meestal vet weergegeven. Dit is een HTML begrip dat ook bijdraagt aan de toegankelijkheid van je website, omdat het zoekmachines en schermlezers laat weten dat de gemarkeerde tekst belangrijk is.
Style
Het style-attribuut is een belangrijk HTML begrip dat wordt gebruikt om elementen direct op een specifieke manier te stylen binnen een HTML-document. Dit HTML begrip maakt het mogelijk om inline stijlen toe te passen, zoals kleuren, lettergroottes en marges, zonder een apart CSS-bestand te gebruiken.
Sub & Sup
De tags sub en sup zijn HTML begrippen die worden gebruikt voor respectievelijk onder- en bovenschrift. Deze HTML begrippen zijn handig bij het weergeven van chemische formules, wiskundige notaties of voetnoten, waarbij tekst net onder of boven de normale regel moet worden geplaatst.
Tag
Een tag is een van de fundamentele HTML begrippen die de structuur en betekenis van een element definiëren. Deze HTML begrippen worden gebruikt om aan te geven waar een element begint en eindigt, zoals bij koppen, paragrafen of afbeeldingen, en zijn essentieel voor het bouwen van een webpagina.
Text-only
Text-only is een HTML begrip dat verwijst naar een webpagina die uitsluitend uit tekst bestaat, zonder extra elementen zoals afbeeldingen, video’s of interactieve content. Dit HTML begrip wordt vaak gebruikt voor eenvoudige en snelle laadtijden en is handig voor situaties waarin een minimalistische benadering gewenst is.
Title
De title-tag is een HTML begrip dat de titel van een webpagina bepaalt en deze weergeeft in de tab van de browser. Dit HTML begrip is cruciaal voor SEO, omdat zoekmachines deze titel gebruiken om de inhoud van de pagina te begrijpen en weer te geven in zoekresultaten.
TR, TH, TD (Table Row, Header, Data)
De HTML begrippen tr, th, en td worden gebruikt om tabellen te maken en gegevens te structureren. Tr definieert een rij, th een kopcel en td een gegevenscel binnen een tabel. Deze HTML begrippen zijn essentieel om informatie overzichtelijk weer te geven in tabelformaat.
Unicode
Unicode is een HTML begrip dat ervoor zorgt dat tekens uit verschillende talen correct worden weergegeven op een webpagina. Dit HTML begrip maakt het mogelijk om speciale karakters, symbolen en letters uit verschillende alfabetten consistent te tonen, ongeacht de taal of het apparaat.
Width
Het width-attribuut is een HTML begrip dat de breedte van een element, zoals een afbeelding of een tabelcel, bepaalt. Dit HTML begrip helpt bij het nauwkeurig instellen van de lay-out en zorgt ervoor dat elementen er consistent uitzien op verschillende schermformaten.
XHTML
XHTML is een HTML begrip dat staat voor een striktere versie van HTML, gebaseerd op XML. Dit HTML begrip zorgt voor een beter gestructureerde en consistente code, wat leidt tot een betere compatibiliteit met verschillende browsers en apparaten.
Contact met Ros Web
We maken graag kennis!
Wij bij Ros Web houden het simpel en persoonlijk. Heb je een vraag of wil je jouw online plannen bespreken? We denken graag met je mee en helpen je stap voor stap vooruit.
- 024 204 9588
- info@ros-web.nl
- Dorpssingel 10, 6641 BE in Beuningen