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

Nieuw met HTML? Begin bij stap 1 van het leerpad. 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.

Tabellen

<caption>

Het <caption>-element van HTML specificeert het onderschrift (of de titel) van een tabel, en geeft de tabel een accessible name of accessible descript...

Code 
<table>
  <caption>
    He-Man and Skeletor facts
  </caption>
  <tbody>
    <tr>
      <td></td>
      <th scope="col" class="heman">He-Man</th>
      <th scope="col" class="skeletor">Skeletor</th>
    </tr>
    <tr>
      <th scope="row">Role</th>
      <td>Hero</td>
      <td>Villain</td>
    </tr>
    <tr>
      <th scope="row">Weapon</th>
      <td>Power Sword</td>
      <td>Havoc Staff</td>
    </tr>
    <tr>
      <th scope="row">Dark secret</th>
      <td>Expert florist</td>
      <td>Cries at romcoms</td>
    </tr>
  </tbody>
</table>
Lees meer over <caption> →
Tekst en koppen

<wbr>

Het <wbr>-HTML-element vertegenwoordigt een woordafbrekingsmogelijkheid — een positie binnen tekst waar de browser eventueel een regel mag afbreken, o...

Code 
<div id="example-paragraphs">
  <p>Fernstraßenbauprivatfinanzierungsgesetz</p>
  <p>Fernstraßen<wbr />bau<wbr />privat<wbr />finanzierungs<wbr />gesetz</p>
  <p>Fernstraßen&shy;bau&shy;privat&shy;finanzierungs&shy;gesetz</p>
</div>
Lees meer over <wbr> →
Tekst en koppen

<hr>

Het <hr>-element van HTML vertegenwoordigt een thematische scheiding tussen elementen: bijvoorbeeld een verandering van scène in een verhaal, of een v...

Code 
<p>§1: The first rule of Fight Club is: You do not talk about Fight Club.</p>

<hr />

<p>§2: The second rule of Fight Club is: Always bring cupcakes.</p>
Lees meer over <hr> →