Talen van het web
Elke website ter wereld maakt gebruikt van (minstens) 2 talen:
- HTML: HyperText Markup Language
- CSS: Cascading Style Sheets
Deze 2 talen vullen elkaar zodanig aan, dat je snel en gemakkelijk een website kunt maken.
Structuur vs. opmaak
HTML is de taal die aanduid waar inhoud voor dient. Het bepaalt de structuur van je website. HTML duidt aan wat een titel is, wat een lijst is, wat een link is, wat gewone tekst is, enz…
CSS is de taal die zegt hoe de inhoud eruit ziet. CSS bepaalt dus de opmaak van je website. CSS zegt hoe een titel, lijst, link, tekst, … eruit ziet.
| website 1 | website 2 |
|---|---|
 |
 |
| De websites links en recht hebben dezelfde inhoud. | De structuur is hetzelfde. De HTML code is dus identiek. De opmaak is anders. De CSS code is dus verschillend. |
In de volgende hoofdstukken zal je markup leren schrijven met verschillende talen. Het is vooral belangrijk om te onthouden dat je beide talen nodig hebt om websites te maken:
- HTML om de inhoud aan te duiden als tekst, titel, lijst, link, …
- CSS om te zeggen hoe een tekst, lijst, link, … eruit zullen zien.
Markup
Markup is code die je toevoegt aan een tekstdocument, waarbij die code aanduidt waar de tekst van dat document voor dient. Er is dus code die aanduidt welk deel van het tekstdocument de titel is, welk deel een lijst is, …
Met een markup-taal doe je eigenlijk hetzelfde als je met een programma zoals Microsoft Word of Google Docs doet: je duidt een woordje aan als vette tekst of schuine tekst, je duidt een onderdeel aan als titel of je lijst onderdelen in je tekst op. Het verschil is dat je met een markup-taal dit doet door code te schrijven in plaats van op een knop te klikken.
Werken met een programma zoals Microsoft Word heeft uiteraard heel wat voordelen. Het is vaak heel gemakkelijk om gewoon op een knop te moeten klikken in plaats van code te schrijven. Er zijn echter ook wel heel wat nadelen aan verbonden.
- De meeste van dit soort programma’s zijn niet gratis.
- Documenten van één programma kan je moeilijk openen in een ander programma.
- Om iets te veranderen in zo’n document moet je de juiste software gebruiken.
- Markup en opmaak worden vaak door elkaar gebruikt, wat voor problemen kan zorgen in je document-structuur.
Zo kan je bijvoorbeeld een tekst opmaken als een titel, zonder dat je het aanduidt als een titel. Het programma maakt daardoor geen goede inhoudsopgave, omdat het jouw tekst niet herkent als een titel.
Wanneer je werkt met een markup-taal vallen deze nadelen weg:
- Je kan een document met markup-code maken en bewerken in de meest simpele tekst-programma’s (bv. Kladblok)
- Een document met markup-code bestaat alleen uit tekst. Je kan elk tekst-programma gebruiken om zo’n document te openen en bewerken.
- markup-code kan weinig of geen opmaak voorzien aan een document. Hiervoor gebruik je vaak een andere code-taal (vaak zelfs in een apart document).