HTML5 & CSS3

Beginners en gevorderden

Leer zelf programmeren met HTML5 en CSS3.

Deze pagina is bedoeld voor beginners. Hier leer je over HTML5 en CSS3 (HyperText Markup Language en Cascading Stylesheets).

Les 1: maak eenvoudig een index.html met kladblok en open in een browser om resultaat te zien.

FajaLab!

Les 2: voeg een stylesheet toe (style.css) en link deze in de head van je html.

Les 3: voeg een afbeelding toe (photo.jpg) en link deze in de body van je html.

Les 4: voeg een link toe (https://www.fajaede.nl) en link deze in de body van je html.

Les 5: voeg een lijst toe (ul, ol, li) en voeg deze in de body van je html.

Les 6: voeg een tabel toe (table, tr, th, td) en voeg deze in de body van je html.

Les 7: voeg een formulier toe (form, input, textarea, button) en voeg deze in de body van je html.

Les 8: voeg een video toe (video, source) en voeg deze in de body van je html.

Les 9: voeg een audio toe (audio, source) en voeg deze in de body van je html.

Les 10: voeg een iframe toe (iframe) en voeg deze in de body van je html.

Les 11: voeg een div toe (div) en voeg deze in de body van je html.

Les 12: voeg een span toe (span) en voeg deze in de body van je html.

Les 13: voeg een header toe (header) en voeg deze in de body van je html.

Les 14: voeg een footer toe (footer) en voeg deze in de body van je html.

Les 15: voeg een nav toe (nav) en voeg deze in de body van je html.

Les 16: voeg een section toe (section) en voeg deze in de body van je html.

Les 17: voeg een article toe (article) en voeg deze in de body van je html.

Les 18: voeg een aside toe (aside) en voeg deze in de body van je html.

Les 19: voeg een main toe (main) en voeg deze in de body van je html.

Les 20: voeg een figure toe (figure, figcaption) en voeg deze in de body van je html.

Les 21: voeg een details toe (details, summary) en voeg deze in de body van je html.

Les 22: voeg een mark toe (mark) en voeg deze in de body van je html.

Les 23: voeg een progress toe (progress) en voeg deze in de body van je html.

Les 24: voeg een meter toe (meter) en voeg deze in de body van je html.

Les 25: voeg een time toe (time) en voeg deze in de body van je html.

Les 26: voeg een datalist toe (datalist) en voeg deze in de body van je html.

Les 27: voeg een output toe (output) en voeg deze in de body van je html.

Les 28: voeg een template toe (template) en voeg deze in de body van je html.

Les 29: voeg een slot toe (slot) en voeg deze in de body van je html.

Les 30: voeg een canvas toe (canvas) en voeg deze in de body van je html.

Les 31: voeg een svg toe (svg) en voeg deze in de body van je html.

Les 32: voeg een math toe (math) en voeg deze in de body van je html.

Les 33: voeg een script toe (script) en voeg deze in de body van je html.

Les 34: voeg een noscript toe (noscript) en voeg deze in de body van je html.

Les 35: voeg een link toe (link) en voeg deze in de head van je html.

Les 36: voeg een meta toe (meta) en voeg deze in de head van je html.

Les 37: voeg een title toe (title) en voeg deze in de head van je html.

Les 38: voeg een base toe (base) en voeg deze in de head van je html.

Les 39: voeg een style toe (style) en voeg deze in de head van je html.

Les 40: voeg een head toe (head) en voeg deze in de html.

Les 41: voeg een body toe (body) en voeg deze in de html.

Les 42: voeg een html toe (html) en voeg deze in de doctype.

Les 43: voeg een doctype toe () en voeg deze in de html.

Les 44: voeg een comment toe () en voeg deze in de html.

Les 45: voeg een entity toe (&, <, >, ", ') en voeg deze in de html.

Les 47: voeg een whitespace toe (space, tab, newline) en voeg deze in de html.

Les 48: voeg een blockquote toe (blockquote) en voeg deze in de body van je html.

Les 49: voeg een q toe (q) en voeg deze in de body van je html.

Les 50: voeg een abbr toe (abbr) en voeg deze in de body van je html.