zo voeg je een achtergrondafbeelding toe in HTML

In deze HTML-les leer je hoe je met CSS achtergrondafbeeldingen toevoegt aan een webpagina. Je ziet hoe je kleuren instelt, afbeeldingen plaatst, de tegelweergave regelt en een afbeelding schaalt om het hele scherm te vullen.

Deze CSS-les behandelt:
Achtergrondkleuren toevoegen met inline-CSS
[background-image: url()] gebruiken met een afbeelding van het web
Herhalingsgedrag regelen met [no-repeat]
Afbeeldingen schalen met [background-size] (100%, 75% enz.)
Uitrekken over de volle breedte en hoogte
CSS verplaatsen van inline-[style]-attributen naar de [style]-tag voor een schone code

Deze les is perfect voor beginners en laat stap voor stap zien hoe je de achtergrond van je webpagina professioneel kunt maken met afbeeldingen, niet alleen met eenvoudige kleuren.

⏱️ Tijdstippen

00:00 – Inleiding: achtergronden in HTML
00:21 – Twee methodes: style-tag vs. inline-style-attribuut
00:30 – Achtergrondkleur toevoegen (zwart, geel enz.)
01:01 – [background-image: url()] gebruiken met externe afbeeldingen
01:19 – Voorbeeld met getegelde achtergrond
01:43 – [no-repeat] gebruiken om een enkele afbeelding te tonen
02:12 – Achtergrond uitrekken met [background-size: 100%]
02:41 – X en Y onafhankelijk schalen (100% 100%, 75% enz.)
03:26 – Beste praktijk: CSS verplaatsen van inline-style naar de [style]-tag
04:00 – Georganiseerde code vs. snelle inline-wijzigingen
04:26 – Samenvatting en conclusie

🏷️ Tags
html-les,html-achtergrondafbeelding,css-achtergrondafbeelding-les,achtergrondafbeelding-html,css-achtergronden,background-size-cover,background-no-repeat,html-les-voor-beginners,css-les-voor-beginners,achtergrond…