Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan

Zoek een HTML-element en zie direct hoe het werkt

Uitleg in gewone taal, met een codevoorbeeld en het resultaat naast elkaar.

Onderwerpen

Begin bij het begin of spring naar het onderdeel dat je nodig hebt. 162 pagina's in het naslagwerk.

Structuur van een pagina

Wat er in een HTML-bestand staat en waarom die volgorde uitmaakt.

<base> <body> <head> <html> 12 elementen

Tekst en koppen

Alineas, koppen, nadruk en losse tekstonderdelen. De basis van elke pagina.

<abbr> <b> <bdi> <bdo> 35 elementen

Lijsten

Opsommingen, genummerde lijsten en beschrijvingen van begrippen.

<dd> <dl> <dt> <li> 7 elementen

Links

Verwijzen naar een andere pagina, een plek op dezelfde pagina of een e-mailadres.

<a> 1 element

Afbeeldingen en media

Afbeeldingen plaatsen met een goede alt-tekst, plus video, audio en ingesloten inhoud.

<area> <audio> <canvas> <embed> 14 elementen

Tabellen

Gegevens in rijen en kolommen, met koppen die schermlezers begrijpen.

<caption> <col> <colgroup> <table> 10 elementen

Formulieren

Invoervelden, labels, keuzelijsten en het versturen van gegevens.

<button> <datalist> <fieldset> <form> 15 elementen

Semantiek en indeling

Elementen die vertellen wat iets is, niet hoe het eruitziet.

<address> <article> <aside> <details> 14 elementen

Verouderde elementen

Elementen uit oudere versies van HTML. Handig om te herkennen, niet meer om te gebruiken.

<acronym> <big> <center> <dir> 18 elementen

Nieuw en experimenteel

Elementen die nog in ontwikkeling zijn of maar in enkele browsers werken.

<fencedframe> <geolocation> 2 elementen

Codevoorbeelden

Drie elementen uit het naslagwerk, elke keer andere. Ververs de pagina voor drie nieuwe.

Tekst en koppen

<sup>

Het <sup>-HTML-element geeft inline tekst aan die weergegeven moet worden als superscript, uitsluitend om typografische redenen. Superscripts worden m...

Code 
<p>
  The <em>Pythagorean theorem</em> is often expressed as the following equation:
</p>

<p>
  <var>a<sup>2</sup></var> + <var>b<sup>2</sup></var> = <var>c<sup>2</sup></var>
</p>
Lees meer over <sup> →
Afbeeldingen en media

<figure>

Het <figure>-element van HTML representeert op zichzelf staande inhoud, eventueel met een optioneel onderschrift, dat opgegeven wordt met het <figcapt...

Code 
<figure>
  <img
    src="/shared-assets/images/examples/elephant.jpg"
    alt="Elephant at sunset" />
  <figcaption>An elephant at sunset</figcaption>
</figure>
Lees meer over <figure> →
Afbeeldingen en media

<iframe>

Het <iframe>-HTML-element vertegenwoordigt een geneste browsing context, waarmee een andere HTML-pagina in de huidige pagina wordt ingebed.

Code 
<iframe
  id="inlineFrameExample"
  title="Inline Frame Example"
  width="300"
  height="200"
  src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&amp;layer=mapnik">
</iframe>
Lees meer over <iframe> →