Article met losse tekst.
A. Zonder classes — kale schema-cases
A1. Structurele wrappers
Kale tekst direct in een div.
tekst in span
vetgedrukte tekst
cursieve tekst
onderstreepte tekst
sub en sup in een div
tekst
met
break
met
break
Echte paragraph
losse zin tussen de paragraphs
Tweede paragraph
geneste div met inline tekst
Section met losse tekst.
Header met vet en tekst.
A2. Lijsten
- Eerste item
- Tweede item met vet
- Derde item met link
- Stap 1: Plaats product in mandje
- Stap 2: Vul adres in
- Stap 3: Kies betaalmethode
A3. Tabellen
| Eigenschap | Waarde |
|---|---|
| Materiaal | 100% katoen |
| Gewicht | 180 g/m² |
| Beschikbaar | |
| Link in cel | Zie wasvoorschriften |
A4. <i>-tags
Inline icoon in een tekstregel.
tekst-binnen-i
Inline cursief via i in een tekstregel.
A5. Sanity-cases (zouden niet moeten muteren)
Echte heading
Sub-heading
Sub-sub-heading
"Een fantastisch product, snelle levering."
console.log('hello');
Gewone paragraph, niets bijzonders.
Gecentreerde paragraph.
inline image in paragraph.
B. Met classes — klant-realistische patronen
B1. Tip- en warning-blocks
Let op: deze actie is niet terug te draaien.
Pas op — controleer eerst je voorraad.
Belangrijk: lees de voorwaarden.
Tip: bewaar je orderbevestiging.
Waarschuwing: beperkte voorraad.
B2. FA-icons in lege divs (USP-bar pattern)
B3. FA-icons via <i>
Verzending: binnen 24 uur in heel Nederland.
Tevreden klanten
B4. Custom icon-class containers
Beste keuze 2026
B5. Lijsten met classes
- Gratis verzending vanaf €50
- Voor 22:00 besteld, morgen in huis
- Veilig betalen met iDEAL, creditcard of Klarna
- Stap 1: Plaats je product in het winkelmandje
- Stap 2: Vul je adresgegevens in
- Stap 3: Kies je betaalmethode
B6. Tabellen met classes
| Eigenschap | Waarde |
|---|---|
| Materiaal | 100% katoen |
| Gewicht | 180 g/m² |
| Wasvoorschrift | Zie wasvoorschriften |
B7. Geneste containers (mixed content)
Officiële tekst in een echte paragraph.
Daarna een losse zin zonder eigen paragraph.
En daarna weer een paragraph.
Categorie: Heren / Schoenen
Korte teaser-tekst zonder eigen paragraph.
B8. Figures (CKEditor image-feature)
B9. Links met decorators
Open in nieuw tabblad: voorwaarden
Download-link: handleiding.pdf
Klantbadge:
