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.

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> →
Tabellen

<tr>

Het <tr>-element van HTML definieert een rij van cellen in een tabel. De cellen van de rij kunnen vervolgens worden vastgesteld met een combinatie van...

Code 
<table>
  <caption>
    Alien football stars
  </caption>
  <thead>
    <tr>
      <th scope="col">Player</th>
      <th scope="col">Gloobles</th>
      <th scope="col">Za'taak</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">TR-7</th>
      <td>7</td>
      <td>4,569</td>
    </tr>
    <tr>
      <th scope="row">Khiresh Odo</th>
      <td>7</td>
      <td>7,223</td>
    </tr>
    <tr>
      <th scope="row">Mia Oolong</th>
      <td>9</td>
      <td>6,219</td>
    </tr>
  </tbody>
</table>
Lees meer over <tr> →
Semantiek en indeling

<hgroup>

Het <hgroup>-HTML-element stelt een heading en gerelateerde inhoud voor. Het groepeert één <h1>–<h6>-element met een of meer <p>-elementen.

Code 
<hgroup>
  <h1>Frankenstein</h1>
  <p>Or: The Modern Prometheus</p>
</hgroup>
<p>
  Victor Frankenstein, a Swiss scientist, has a great ambition: to create
  intelligent life. But when his creature first stirs, he realizes he has made a
  monster. A monster which, abandoned by his master and shunned by everyone who
  sees it, follows Dr Frankenstein to the very ends of the earth.
</p>
Lees meer over <hgroup> →