HTML Inleiding
HTML is die standaard opmaaktaal vir die skep van webblaaie.
Wat is HTML?
- HTML staan vir Hyper Text Markup Language
- HTML is die standaard opmaaktaal vir die skep van webblaaie
- HTML beskryf die struktuur van 'n webblad
- HTML bestaan uit 'n reeks elemente
- HTML-elemente vertel die blaaier hoe om die inhoud te vertoon
- HTML-elemente benoem stukke inhoud soos "dit is 'n opskrif", "dit is 'n paragraaf", "dit is 'n skakel", ens.
'n Eenvoudige HTML-dokument
Voorbeeld
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Voorbeeld Verduidelik
- Die
<!DOCTYPE html>
verklaring definieer dat hierdie dokument 'n HTML5-dokument is - Die
<html>
element is die wortelelement van 'n HTML-bladsy - Die
<head>
element bevat meta-inligting oor die HTML-bladsy - Die
<title>
element spesifiseer 'n titel vir die HTML-bladsy (wat in die blaaier se titelbalk of in die bladsy se oortjie gewys word) - Die
<body>
element definieer die dokument se liggaam, en is 'n houer vir al die sigbare inhoud, soos opskrifte, paragrawe, beelde, hiperskakels, tabelle, lyste, ens. - Die
<h1>
element definieer 'n groot opskrif - Die
<p>
element definieer 'n paragraaf
Wat is 'n HTML-element?
'n HTML-element word gedefinieer deur 'n beginmerker, sekere inhoud en 'n eindmerker:
Die HTML - element is alles van die beginmerker tot die eindmerker:
Start tag | Element content | End tag |
---|---|---|
<h1> | My First Heading | </h1> |
<p> | My first paragraph. | </p> |
<br> | none | none |
Let wel: Sommige HTML-elemente het geen inhoud nie (soos die <br>-element). Hierdie elemente word leë elemente genoem. Leë elemente het nie 'n eindmerk nie!
Webblaaiers
Die doel van 'n webblaaier (Chrome, Edge, Firefox, Safari) is om HTML-dokumente te lees en korrek te vertoon.
'n Blaaier vertoon nie die HTML-etikette nie, maar gebruik dit om te bepaal hoe om die dokument te vertoon:
HTML-bladsystruktuur
Hieronder is 'n visualisering van 'n HTML-bladsystruktuur:
Let wel: Die inhoud binne die <liggaam>-afdeling (die wit area hierbo) sal in 'n blaaier vertoon word. Die inhoud binne die <title>-element sal in die blaaier se titelbalk of in die bladsy se oortjie gewys word.
HTML Geskiedenis
Sedert die vroeë dae van die Wêreldwye Web was daar baie weergawes van HTML:
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 |
Hierdie handleiding volg die nuutste HTML5-standaard.