Begrip van Block-, Inline- en Inline-Block-Elementen
Elementen in HTML kunnen worden geclassificeerd als inline of block op basis van hun gedrag.
- Inline-elementen blijven op dezelfde regel als andere elementen en nemen alleen de benodigde breedte in. Voorbeelden:
<a>,<span>,<img>,<input>; - Block-elementen beginnen op een nieuwe regel en nemen de volledige breedte van hun container in. Voorbeelden:
<div>,<h1>–<h6>,<p>,<ul>,<li>.
Block-elementen
Block-elementen nemen de volledige breedte van hun container in en beginnen altijd op een nieuwe regel. Ze kunnen worden gestileerd met CSS-eigenschappen zoals width, height, margin, padding en border. Veelvoorkomende voorbeelden van block-elementen zijn <div>, <p>, <ul> en <li>.
index.html
index.css
Inline-elementen
Inline-elementen blijven op dezelfde regel als andere elementen en nemen alleen de breedte in die nodig is voor hun inhoud. In tegenstelling tot blok-elementen kunnen inline-elementen geen waarden voor width, height, margin of padding toegewezen krijgen, maar border kan nog steeds worden toegepast. Voorbeelden van inline-elementen zijn <a>, <span>, <img> en <input>.
index.html
index.css
Inline-block-elementen
Inline-block-elementen beginnen niet op een nieuwe regel, maar combineren de stijlflexibiliteit van blok-elementen. Ze kunnen worden aangepast met CSS-eigenschappen zoals width, height, margin, padding en border. Voorbeelden van inline-block-elementen zijn <button>, <select> en <textarea>.
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 inline, block, and inline-block elements?
Can you give more examples of each type of element?
How do I choose which type of element to use in my HTML?
Awesome!
Completion rate improved to 2.56Begrip van Block-, Inline- en Inline-Block-Elementen
Veeg om het menu te tonen
Elementen in HTML kunnen worden geclassificeerd als inline of block op basis van hun gedrag.
- Inline-elementen blijven op dezelfde regel als andere elementen en nemen alleen de benodigde breedte in. Voorbeelden:
<a>,<span>,<img>,<input>; - Block-elementen beginnen op een nieuwe regel en nemen de volledige breedte van hun container in. Voorbeelden:
<div>,<h1>–<h6>,<p>,<ul>,<li>.
Block-elementen
Block-elementen nemen de volledige breedte van hun container in en beginnen altijd op een nieuwe regel. Ze kunnen worden gestileerd met CSS-eigenschappen zoals width, height, margin, padding en border. Veelvoorkomende voorbeelden van block-elementen zijn <div>, <p>, <ul> en <li>.
index.html
index.css
Inline-elementen
Inline-elementen blijven op dezelfde regel als andere elementen en nemen alleen de breedte in die nodig is voor hun inhoud. In tegenstelling tot blok-elementen kunnen inline-elementen geen waarden voor width, height, margin of padding toegewezen krijgen, maar border kan nog steeds worden toegepast. Voorbeelden van inline-elementen zijn <a>, <span>, <img> en <input>.
index.html
index.css
Inline-block-elementen
Inline-block-elementen beginnen niet op een nieuwe regel, maar combineren de stijlflexibiliteit van blok-elementen. Ze kunnen worden aangepast met CSS-eigenschappen zoals width, height, margin, padding en border. Voorbeelden van inline-block-elementen zijn <button>, <select> en <textarea>.
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!
