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.

Formulieren

<datalist>

Het HTML-element <datalist> bevat een reeks <option>-elementen die de toegestane of aanbevolen opties voorstellen waaruit binnen andere besturingselem...

Code 
<label for="ice-cream-choice">Choose a flavor:</label>
<input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice" />

<datalist id="ice-cream-flavors">
  <option value="Chocolate"></option>
  <option value="Coconut"></option>
  <option value="Mint"></option>
  <option value="Strawberry"></option>
  <option value="Vanilla"></option>
</datalist>
Lees meer over <datalist> →
Afbeeldingen en media

<img>

Het <img>-element van HTML bettet een afbeelding in het document in.

Code 
<img
  class="fit-picture"
  src="/shared-assets/images/examples/grapefruit-slice.jpg"
  alt="Grapefruit slice atop a pile of other slices" />
Lees meer over <img> →
Afbeeldingen en media

<track>

Het <track>-HTML-element wordt gebruikt als kindelement van de media-elementen <audio> en <video>. Met elk track-element kun je een getimede teksttrac...

Code 
<video controls src="/shared-assets/videos/friday.mp4">
  <track
    default
    kind="captions"
    srclang="en"
    label="English"
    src="/shared-assets/misc/friday.vtt" />
  Download the
  <a href="/shared-assets/videos/friday.mp4">MP4</a>
  video, and
  <a href="/shared-assets/misc/friday.vtt">subtitles</a>.
</video>
Lees meer over <track> →