Welkom op het HTML5 tutorial van Webatvantage. Op deze pagina vind je enkele eenvoudige HTML5 voorbeelden.

Gelieven één van volgende browsers te installeren (of vernieuwen) om onderstaande voorbeelden te kunnen bekijken.

» Meer uitleg over browser mogelijkheden.

Video Element

Met de 'video' tag hoef je geen swf- of andere objecten te importeren. De enige vereiste is dat je browser het video formaat ondersteund. Bij dit filmpje is dit ogg.

Voorbeeld:

Compatibel met:

Google Chrome Safari Firefox Internet Explorer Opera

Aanpasbare html

Met het attribuut "contenteditable='true'" kan je elk element aanpasbaar maken. Dit attribuut zal ongetwijfeld een grote impact hebben op de CMS van morgen.

Voorbeeld:

Deze tekst kan je aanpassen!

Paragraaf tekst

  1. Lijstje 1
  2. Lijstje 2
  3. Lijstje 3

Compatibel met:

Google Chrome Safari Firefox Internet Explorer Opera

Canvas element

Met het cavas element kan je met behulp van JavaScript: afbeeldingen, tekeningen, grafieken, animaties enz. maken.

Voorbeeld:

Dit is een afbeelding

Compatibel met:

Google Chrome Safari Firefox Internet Explorer Opera

Nieuwe input velen en attributen

Voorbeeld:

Range Field:


Place holder text:

Compatibel met:

Google Chrome Safari Firefox Internet Explorer Opera

Een animatie klokje met behulp van het Canvas Element en JavaScript

Voorbeeld:

[No canvas support]

Compatibel met:

Google Chrome Safari Firefox Internet Explorer Opera