HTML- introductie
HTML is de standaard opmaaktaal voor het maken van webpagina's.
Wat is HTML?
- HTML staat voor Hyper Text Markup Language
- HTML is de standaard opmaaktaal voor het maken van webpagina's
- HTML beschrijft de structuur van een webpagina
- HTML bestaat uit een reeks elementen
- HTML-elementen vertellen de browser hoe de inhoud moet worden weergegeven
- HTML-elementen labelen stukjes inhoud zoals "dit is een kop", "dit is een alinea", "dit is een link", enz.
Een eenvoudig HTML-document
Voorbeeld
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Voorbeeld uitgelegd
- De
<!DOCTYPE html>verklaring definieert dat dit document een HTML5-document is - Het
<html>element is het hoofdelement van een HTML-pagina - Het
<head>element bevat meta-informatie over de HTML-pagina - Het
<title>element specificeert een titel voor de HTML-pagina (die wordt weergegeven in de titelbalk van de browser of op het tabblad van de pagina) - Het
<body>element definieert de hoofdtekst van het document en is een container voor alle zichtbare inhoud, zoals koppen, alinea's, afbeeldingen, hyperlinks, tabellen, lijsten, enz. - Het
<h1>element definieert een grote kop - Het
<p>element definieert een alinea
Wat is een HTML-element?
Een HTML-element wordt gedefinieerd door een starttag, wat inhoud en een eindtag:
Het HTML - element is alles van de starttag tot de eindtag:
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
Opmerking: sommige HTML-elementen hebben geen inhoud (zoals het <br>-element). Deze elementen worden lege elementen genoemd. Lege elementen hebben geen eindtag!
Web browsers
Het doel van een webbrowser (Chrome, Edge, Firefox, Safari) is om HTML-documenten te lezen en correct weer te geven.
Een browser geeft de HTML-tags niet weer, maar gebruikt ze om te bepalen hoe het document moet worden weergegeven:
HTML-paginastructuur
Hieronder ziet u een visualisatie van een HTML-paginastructuur:
Opmerking: de inhoud in het gedeelte <body> (het witte gebied hierboven) wordt weergegeven in een browser. De inhoud in het <title>-element wordt weergegeven in de titelbalk van de browser of op het tabblad van de pagina.
HTML-geschiedenis
Sinds de begindagen van het World Wide Web zijn er veel versies van HTML geweest:
| Year | Version |
|---|---|
| 1989 | Tim Berners-Lee invented www |
| 1991 | Tim Berners-Lee invented HTML |
| 1993 | Dave Raggett drafted HTML+ |
| 1995 | HTML Working Group defined HTML 2.0 |
| 1997 | W3C Recommendation: HTML 3.2 |
| 1999 | W3C Recommendation: HTML 4.01 |
| 2000 | W3C Recommendation: XHTML 1.0 |
| 2008 | WHATWG HTML5 First Public Draft |
| 2012 | WHATWG HTML5 Living Standard |
| 2014 | W3C Recommendation: HTML5 |
| 2016 | W3C Candidate Recommendation: HTML 5.1 |
| 2017 | W3C Recommendation: HTML5.1 2nd Edition |
| 2017 | W3C Recommendation: HTML5.2 |
Deze tutorial volgt de nieuwste HTML5-standaard.