[1] Inleiding
Hallo, in deze tutorial ga ik jullie de basis van HTML leren! Het is erg gemakkelijk te leren en je hebt er veel aan als je iets gaat doen richting web development. Deze tutorial vooral praktijk, omdat je het dan sneller doorhebt. Ook staan er soms theoretische feiten bij, die ook redelijk belangrijk zijn. In de meeste paragrafen krijg je een code te zien die ik dan uitleg.
In deze tutorial behandelen we HTML 5, de nieuwste versie die door de nieuwste browsers wordt ondersteunt, onder andere:
De oudere browsers zullen sommige functies niet ondersteunen, maar daar hebben we bepaalde codes voor, die we later behandelen.
[2] Inhoudsopgave
- [1] Inleiding
- [2] Inhoudsopgave
- [3] Wat is HTML?
- [4] De opbouw van een pagina
[3] Wat is HTML?
HTML is een opmaak taal. Dat betekent dat het enkel invloed heeft op de opmaak, het is dus geen programmeertaal. Programmeertalen zijn veel ingewikkelder en je hebt er veel meer mogelijkheden mee. Maar in web development is het belangrijk om eerst HTML te leren, omdat dit de basis is van iedere website. HTML staat voor een Engelse betekenis, namelijk HyperText Markup Language.
De lay-out van de website wordt gestyled door CSS. Deze tutorial komt later, en dit is net zoals HTML een opmaak taal.
[4] De opbouw van een pagina
Allereerst wil ik vertellen dat HTML bestaat uit tags. Een tag zou normaal gesproken er zo uit zien:
Content
HTML moet altijd zo netjes mogelijk worden opgebouwd, zoals het W3C vindt. Je kan je HTML documenten laten nakijken, door op deze URL te klikken. Alles wordt in het Engels beschreven.
Een nette opbouw in HTML 5 is als volgt:
is om aan te geven wat voor een type document het is. In dit geval is dat HTML 5. Hieronder zie je alle doctypes:
Voor meer informatie over deze doctypes, kan je googlen naar informatie.
Alles tussen en beschrijft de webpagina.
Alles tussen en is belangrijke informatie, vooral voor zoekmachines.
Alles tussen en is wat je ziet in de browser.
Alles tussen en weergeven de titel, dat meestal in een tabblad van je browser te zien is. De tags moeten tussen de <head> tags.<br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> is om de type tekst in de body te configureren. Deze Content-Type is het meest gebruikt en raad ik ook aan. Dit moet ook altijd tussen de <head> tags.<br />De <h1> tags zijn grote tekst, in het Engels "heading" genoemd. Er zijn verschillende headings, de kleinste is <h6> en de grootste <h1>.<br />De <p> tags zijn normale tekst, in het Engels "paragraph" genoemd.<br /><br />Meer komt binnenkort.
Hallo, in deze tutorial ga ik jullie de basis van HTML leren! Het is erg gemakkelijk te leren en je hebt er veel aan als je iets gaat doen richting web development. Deze tutorial vooral praktijk, omdat je het dan sneller doorhebt. Ook staan er soms theoretische feiten bij, die ook redelijk belangrijk zijn. In de meeste paragrafen krijg je een code te zien die ik dan uitleg.
In deze tutorial behandelen we HTML 5, de nieuwste versie die door de nieuwste browsers wordt ondersteunt, onder andere:
- Internet Explorer 9
- Google Chrome
- Mozilla Firefox
- Apple Safari
- Opera
De oudere browsers zullen sommige functies niet ondersteunen, maar daar hebben we bepaalde codes voor, die we later behandelen.
[2] Inhoudsopgave
- [1] Inleiding
- [2] Inhoudsopgave
- [3] Wat is HTML?
- [4] De opbouw van een pagina
[3] Wat is HTML?
HTML is een opmaak taal. Dat betekent dat het enkel invloed heeft op de opmaak, het is dus geen programmeertaal. Programmeertalen zijn veel ingewikkelder en je hebt er veel meer mogelijkheden mee. Maar in web development is het belangrijk om eerst HTML te leren, omdat dit de basis is van iedere website. HTML staat voor een Engelse betekenis, namelijk HyperText Markup Language.
De lay-out van de website wordt gestyled door CSS. Deze tutorial komt later, en dit is net zoals HTML een opmaak taal.
[4] De opbouw van een pagina
Allereerst wil ik vertellen dat HTML bestaat uit tags. Een tag zou normaal gesproken er zo uit zien:
Content
HTML moet altijd zo netjes mogelijk worden opgebouwd, zoals het W3C vindt. Je kan je HTML documenten laten nakijken, door op deze URL te klikken. Alles wordt in het Engels beschreven.
Een nette opbouw in HTML 5 is als volgt:
<!DOCTYPE html>
<html>
<head>
<title>Hello world</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<h1>Hello world</h1>
<p>Dit is een HTML 5 document.</p>
</body>
</html>is om aan te geven wat voor een type document het is. In dit geval is dat HTML 5. Hieronder zie je alle doctypes:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> = HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> = HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd"> = HTML 4.01 Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> = XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> = XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> = XHTML 1.0 Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> = XHTML 1.1 DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN"
"http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd"> = XHTML 1.1 Basic
<!DOCTYPE html> = HTML 5Voor meer informatie over deze doctypes, kan je googlen naar informatie.
Alles tussen en beschrijft de webpagina.
Alles tussen en is belangrijke informatie, vooral voor zoekmachines.
Alles tussen en is wat je ziet in de browser.
Alles tussen en weergeven de titel, dat meestal in een tabblad van je browser te zien is. De tags moeten tussen de <head> tags.<br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> is om de type tekst in de body te configureren. Deze Content-Type is het meest gebruikt en raad ik ook aan. Dit moet ook altijd tussen de <head> tags.<br />De <h1> tags zijn grote tekst, in het Engels "heading" genoemd. Er zijn verschillende headings, de kleinste is <h6> en de grootste <h1>.<br />De <p> tags zijn normale tekst, in het Engels "paragraph" genoemd.<br /><br />Meer komt binnenkort.
