This is a draft cheat sheet. It is a work in progress and is not finished yet.
Basis HTML
<!DOCTYPE html> |
<html> |
Wortel van HTML document |
<head> |
Bepaalt de informatie van een document |
<title> |
Bepaalt de titel van het document
(binnen de <head>) |
<body> |
Bepaalt de inhoud van het document |
<h1> .... <h6> |
Koppen van het document. |
Semantische inhoud
<style> |
Stijl bepaling in header |
<div> |
Divisie (sectie) in pagina |
<span> |
Inline sectie |
<header> |
Header sectie |
<footer> |
Footer sectie |
<main> |
Hoofdcontent van een pagina |
<section> |
Sectie op een pagina |
<article> |
Artikel sectie |
<aside> |
Sidebar sectie (vb zij menu) |
<details> |
Extra detail sectie (uitklapbaar) |
<dialog> |
Dialoog box of window |
<summary> |
Visuele heading voor <details> |
Nadruk
<strong> |
Belangrijke elementen (nadruk)
standaard bold |
<em> |
Benadrukte elementen
standaard cursief |
<small> |
Kleine tekst |
<mark> |
Gemarkeerde tekst |
<del> |
Gewiste / doorhaalde tekst |
<ins> |
Ingevoegde tekst |
<sub> |
Tekst in subscript |
<sup> |
Tekst in superscript |
Afbeeldingen
<img> |
Definieert een afbeelding |
<map> |
Definieert een client-side image-map, met
clickable area's |
<area> |
Definieert een gebied binnen een image-map
(<map>) |
<canvas> |
Definieert een gebied waarbinnen afbeeldingen
kunnen worden getekend via scripts |
<figure> |
Definieert een op zichzelf staande inhoud
bij een afbeelding |
<figcaption> |
Definieert een bijschrift voor een <figure> |
Geluid en beeld
<audio> |
Definieert geluid inhoud |
<source> |
Definieert meerdere media bronnen voor media
elementen |
<track> |
Definieert tekst tracks voor media elementen,
zoals ondertitels |
<video> |
Definieert een video of film |
|
|
Links
<a> |
Bepaalt hyperlink |
<link> |
Bepaalt relatie tussen document en
externe bron, zoals een stylesheet |
<nav> |
Bepaalt een reeks van navigatie links,
zoals een menu |
Lijsten
<ul> |
Unordered list (ongeordend) |
<ol> |
Ordered list (genummerd) |
<li> |
List item, onderdeel van een lijst |
<dl> |
Description list, met termen en beschrijvingen |
<dt> |
Term of naam van description list |
<dd> |
Beschrijving van term/naam |
<datalist> |
Lijst met vooraf gedefinieerde opties voor
input element |
<menu> |
Menu of lijst met acties in een popup menu
(enkel Firefox) |
<menuitem> |
Commando / menu item dat de gebruiker
kan inroepen |
<select> |
Drop down lijst met opties |
Tabellen
<table> |
Bepaalt HTML tabel |
<tr> |
Bepaalt tabelrij |
<th> |
Bepaalt tabelheader / titel per rij |
<td> |
Bepaalt tabelcel (Table Data) |
<thead> |
Bepaalt header content in tabel |
<tbody> |
Bepaalt body content in tabel |
<tfoot> |
Bepaalt footer content in tabel |
<caption> |
Bepaalt onderschrift of beschrijving |
<colgroup> |
Specifieert groep van kolommen in tabel
voor opmaak |
<col> |
Specifieert kolomeigenschappen voor
elke kolom in <colgroup> |
Formulieren
<form> |
Bepaalt een HTML formulier |
<input> |
Bepaalt een input veld.
Soort wordt bepaald door type
text - normaal tekstveld
radio - selecteren van 1 optie
checkbox - selectie meerdere opties
submit - submit knop |
<select> |
<fieldset> |
Groepeert gerelateerde elementen |
Meta info
<head> |
Bevat alle pagina informatie |
<meta> |
Meta informatie over de pagina |
<base> |
bepaling van de basis URL van de pagina |
Programmering
<script> |
Client-side programmering |
<noscript> |
Alternatieve content voor gebruikers die
geen clien-side scripts toelaten |
<embed> |
Container voor buitenstaande applicaties |
<object> |
Embedded object |
<param> |
De parameters voor een object |
|
