HTML

Alle webpagina’s worden geschreven in HTML (staat voor HyperText Markup Language). Dit is een opmaaktaal die gebruikt wordt om de structuur van een webpagina te beschrijven.

HTML is geen programmeertaal!

…is iets wat ervaren programmeurs vaak belangrijk vinden om te benoemen.

HTML memes

Waarom is dat zo? HTML beschrijft geen functionaliteit, maar de structuur van een document. Het is een opmaaktaal (markup language). Andere opmaaktalen zijn bijvoorbeeld:

• CSS (Cascading Style Sheets): beschrijft de opmaak van een document
• SQL (Structured Query Language): beschrijft hoe je data uit een database wilt halen
• markdown: een simpele opmaaktaal voor tekst
• SVG (Scalable Vector Graphics): beschrijft vector graphics
• mermaid: beschrijft diagrammen

Oefening

Bekijk de video over HTML en oefen met het maken van een HTML pagina:

• Maak een HTML pagina met de naam index.html
• Bewerk de HTML file met een tekst editor (gebruik VSCode in plaats van Sublime Text)
• Gebruik de HTML tags die in de video worden uitgelegd en maak je eigen HTML pagina.
• Commit en Push de gemaakte HTML pagina regelmatig naar je repository
• Documenteer wat je hebt geleerd in markdown en commit en push dit ook naar je repository

Links

• W3Schools HTML is een site met een mooie mix van naslag en oefeningen voor onder andere HTML.
• CodeCademy biedt een een interactieve HTML-cursus aan.
• Mozzilla heeft een lange lijst met links naar tutorials over HTML.

• VIDEO COURSE

  Build websites like a pro: HTML5 en CSS3 Complete Course (via O’Reilly) Leer programmeren met HTML en CSS; vanaf de basis tot meer geavanceerde onderwerpen. De volgende hoofdstukken zijn relevant: 1, 2 (excl. File and Folder Structure), 3 t/m 7, 8 t/m 10, 11 (excl. de laatste vier onderdelen) en 13.

• E-BOOK: Website Design and Development with HTML5 and CSS3 (via O’Reilly) Prima boek voor zowel de beginner als de gevorderde.
• WEBSITE: A Complete Guide to Flexbox Handige website over de CSS Flexbox voor als je de video courses hiervoor al hebt gevolgd.