|
Een
HTML-document herkennen
Aan deze
punten moet een HTML-document voldoen:
- Een
HTML-document is een tekstbestand met kleine markup(= opmaak) tags
- De markup
tags vertellen de web browser hoe hij de pagina moet weergeven.
- Een
HTML-document moet een .htm of een .html extensie hebben. (Gebruik
.html wegens nieuwere versie van W3C)
- Een HTML-document kan gemaakt worden met een simpele tekst editor (Zie
Tekstverwerkers en ASCII-editors)
Zo ziet een HTML-document eruit. Deze tags zijn de begin tags van een
HTML-document. Zonder deze tags krijg je errors en ziet de pagina er
niet uit.
<html>
<head>
<title>Titel van de pagina</title>
</head>
<body>Hier komt de informatie die zichtbaar is op je webpagina.</body>
</html> |
Sla dit bestand op als een .html bestand. Al je hem nou opent zul je zien dat het bestand leeg is, uiteraard omdat er helemaal niets instaat maar dat komt met behulp van deze lessen.
HTML kun je altijd op je eigen computer bekijken. Hier is geen extra
software bij nodig dus voor de beginner is dat heel handig. Veranderingen
aanbrengen, opslaan en meteen zien wat er verandert is! Je zult hem
wel moeten openen in een web browser maar dat is standaard voor een
.html bestand.
De begintag:
De eerste tag is de <html> tag. Deze tag geeft (hoe kan het ook
anders) aan dat we beginnen met een HTML-document en zorgt ervoor dat
de codes normaal als HTML-codes gelezen worden. De laatste tag is de
</html> tag. Deze tag geeft je browser aan dat het einde van het
HTML-pagina bereikt is. Als het goed is, is het je nu al opgevallen dat HTML gewoon
codes zijn met een betekenis en dat de codes tussen < en > staan. De codes worden beëindigd of gesloten
met een / voor de code die weer tussen de < en > staat.
De tekst tussen de <head> en de </head> tag is de header
informatie. De header informatie is niet zichtbaar in de browser.
De tekst tussen de <title> tags is de titel van je pagina. De
titel is zichtbaar in je browsers titelbalk. (Blauwe balk bovenaan!)
De tekst tussen de <body> tags is de tekst en de elementen die op je webpagina
verschijnen.
Dit is een HTML-document. Niets meer en zeker niets minder! Hierin moet
je alles uitwerken wat jij op je pagina wilt hebben. Of dat nou foto's,
tekst of iets anders is. Alles wordt in de Body tags geplaatst.
HTML tags zijn not case sensitive! Dit wil zeggen dat het niets uitmaakt
of je nu <b> of <B> schrijft. Het kom allemaal op hetzelfde
neer. Echter als je het jezelf meteen goed aan wilt leren begin dan
met kleine letters te schrijven. Het W3C heeft al aangegeven
dat ze verder gaan met kleine letters en als je ooit verder wilt met
andere talen (bijvoorbeeld XHTML) dan zul je toch kleine letters moeten
schrijven. Begin dus goed en schrijf
<b> in plaats van <B>, al weet ik nog van mezelf toen ik
begon dat het zeer makkelijk is om GROTE letters te gebruiken omdat die
meer opvallen. Wil je graag meer overzicht in de codes gebruik dan geen
grote letters maar een goede HTML-editor. Deze geeft de codes aan met
kleuren, zeer handig dus…
Dit was
Een HTML-document herkennen. Ik hoop dat alles duidelijk is.
|
