# Wat is HTML-body en hoe gebruik je het? Het HTML `` -element bevat alle zichtbare inhoud van een HTML-document. Er kan slechts één `` per HTML-document zijn. ## Wat is de HTML `` -tag en waarvoor wordt deze gebruikt? HTML `` is een HTML-element dat wordt gebruikt om de inhoud van een document aan gebruikers weer te geven. Alle **zichtbare inhoud**, zoals koppen, tekstblokken, afbeeldingen, tabellen, hyperlinks, lijsten en andere elementen, wordt opgeslagen in deze HTML-tag. Er kan slechts **één HTML ``** in elk document voorkomen. Deze bevindt zich altijd onder het `` en boven de HTML-voettekst. De `` ondersteunt alle globale HTML-attributen. ## Wat is de syntaxis en functionaliteit van HTML ``? Voordat we u aan de hand van enkele eenvoudige voorbeelden laten zien hoe HTML `` werkt, is het de moeite waard om even naar de basissyntaxis van het element te kijken. Deze ziet er als volgt uit: ```html This is where all the visible website content is stored. ``` Alleen inhoud tussen de openings- (``) en sluitingstag (``) wordt later op de betreffende webpagina weergegeven. ## HTML `` voorbeelden In de volgende voorbeelden kunt u zien hoe de HTML `` in de praktijk wordt gebruikt. ### HTML-document met `` eenvoudige elementen Eerst gaan we een eenvoudig HTML-document maken met een **koptekst, een tekstgedeelte en een afbeelding**, die allemaal in de hoofdtekst worden geplaatst. Dit is de bijbehorende code: ```html HTML body in a document

Here’s your heading

Here’s your website content.

``` ### Een navigatiebalk maken met href Het volgende voorbeeld laat zien hoe u een navigatiebalk voor uw website kunt maken met behulp van de HTML `` tag en het href-attribuut. Hier is de code: ```html Website with a navigation bar

Home

About

Contact

``` ### Video insluiten via de HTML `` -tag Als u een video op uw website wilt insluiten, is sectie `` de juiste (en enige) plaats om dat te doen. Hieronder vindt u een voorbeeld van hoe u een video kunt insluiten: ```html Website with a video

``` ### Het ontwerp van inhoud wijzigen via HTML `` -tag Met behulp van CSS kunt u ook het gebied `` gebruiken om het ontwerp van uw webcontent aan te passen. In het volgende voorbeeld kunt u zien hoe dit werkt: ```html HTML body with visual adjustments

Here’s your heading

Here’s your website content.

``` ### Achtergronden aanpassen in HTML `` Als u uw [HTML-achtergrond](https://www.ionos.com/nl-be/digitalguide/websites/webontwikkeling/html-achtergronden/) met CSS wilt wijzigen, kunt u dat ook doen in HTML ``. Hier volgt hoe u de achtergrondkleur instelt: ```html HTML body with new background colour

Here’s your heading

Visit example-website.com!

``` Gebruik de onderstaande code om een afbeelding in te voegen: ```html HTML body with new background image

Here’s your heading

Visit example-website.com!

``` This is a markdown version of: [https://www.ionos.com/nl-be/digitalguide/websites/webontwikkeling/html-body/](https://www.ionos.com/nl-be/digitalguide/websites/webontwikkeling/html-body/) for AI/LLM consumption.