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

<strong>

Het <strong>-element van HTML geeft aan dat de inhoud ervan van groot belang, ernst of urgentie is. Browsers geven de inhoud doorgaans vetgedrukt weer...

Code 
<p>
  ... the most important rule, the rule you can never forget, no matter how much
  he cries, no matter how much he begs:
  <strong>never feed him after midnight</strong>.
</p>
Lees meer over <strong> →
Tekst en koppen

<u>

Het <u>-HTML-element vertegenwoordigt een stuk inline tekst dat op zo'n manier weergegeven moet worden dat duidelijk wordt dat het een niet-tekstuele...

Code 
<p>
  You could use this element to highlight <u>speling</u> mistakes, so the writer
  can <u>corect</u> them.
</p>
Lees meer over <u> →
Semantiek en indeling

<header>

Het <header>-element van HTML vertegenwoordigt inleidende inhoud, doorgaans een groep van inleidende of navigatiehulpmiddelen. Het kan enkele headinge...

Code 
<header>
  <a class="logo" href="#">Cute Puppies Express!</a>
</header>

<article>
  <header>
    <h1>Beagles</h1>
    <time>08.12.2014</time>
  </header>
  <p>
    I love beagles <em>so</em> much! Like, really, a lot. They're adorable and
    their ears are so, so snugly soft!
  </p>
</article>
Lees meer over <header> →