Begrip van Block-, Inline- en Inline-Block-Elementen
HTML-elementen gedragen zich verschillend, afhankelijk van of ze block, inline of inline-block zijn. Deze weergavetypen beïnvloeden de lay-out, de afstand en welke CSS-eigenschappen je kunt gebruiken.
Block-elementen
- Beginnen op een nieuwe regel;
- Gebruiken de volledige breedte van hun container;
- Ondersteunen breedte, hoogte, marge, opvulling en rand.
Veelvoorkomende voorbeelden: <div>, <p>, <ul>, <li>, <h1>–<h6>.
index.html
index.css
Inline-elementen
- Blijven op dezelfde regel;
- Nemen alleen de ruimte in die nodig is voor hun inhoud;
- Kunnen geen breedte of hoogte krijgen (maar border werkt wel).
Veelvoorkomende voorbeelden: <a>, <span>, <img>, <input>.
index.html
index.css
Inline-block-elementen
- Blijven inline, zoals tekst;
- Ondersteunen breedte, hoogte, marge, opvulling en rand, zoals block-elementen.
Voorbeelden: <button>, <select>, <textarea>.
Handig wanneer elementen naast elkaar moeten staan, maar volledige stylingcontrole vereist is.
index.html
index.css
1. Wat is het belangrijkste verschil tussen blok- en inline-elementen?
2. Welke van de volgende is een voorbeeld van een blokelement?
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Can you explain the main differences between block, inline, and inline-block elements?
Which HTML elements are typically block, inline, or inline-block?
Can you give examples of when to use each display type in a web page?
Geweldig!
Completion tarief verbeterd naar 2.56Begrip van Block-, Inline- en Inline-Block-Elementen
Veeg om het menu te tonen
HTML-elementen gedragen zich verschillend, afhankelijk van of ze block, inline of inline-block zijn. Deze weergavetypen beïnvloeden de lay-out, de afstand en welke CSS-eigenschappen je kunt gebruiken.
Block-elementen
- Beginnen op een nieuwe regel;
- Gebruiken de volledige breedte van hun container;
- Ondersteunen breedte, hoogte, marge, opvulling en rand.
Veelvoorkomende voorbeelden: <div>, <p>, <ul>, <li>, <h1>–<h6>.
index.html
index.css
Inline-elementen
- Blijven op dezelfde regel;
- Nemen alleen de ruimte in die nodig is voor hun inhoud;
- Kunnen geen breedte of hoogte krijgen (maar border werkt wel).
Veelvoorkomende voorbeelden: <a>, <span>, <img>, <input>.
index.html
index.css
Inline-block-elementen
- Blijven inline, zoals tekst;
- Ondersteunen breedte, hoogte, marge, opvulling en rand, zoals block-elementen.
Voorbeelden: <button>, <select>, <textarea>.
Handig wanneer elementen naast elkaar moeten staan, maar volledige stylingcontrole vereist is.
index.html
index.css
1. Wat is het belangrijkste verschil tussen blok- en inline-elementen?
2. Welke van de volgende is een voorbeeld van een blokelement?
Bedankt voor je feedback!
