|
Een HTML-pagina ziet er als volgt uit ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.01 Transitional//EN">
<html>
<head>
<title>TITEL VAN JE WEBSITE </title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<meta name="description" content="BESCHRIJVING VAN JE SITE" />
<meta name="author" content="JOUW NAAM" />
</head>
<body >
HIER KOMT DE EIGENLIJKE CODE VAN JE WEBSITE
</body>
</html> Meteen heb je je eerste tags geleerd :
<html> en </html> : helemaal op het begin en einde van je pagina zet je deze verplichte tags, om aan te geven waar de pagina begint en eindigt.
<head> en </head> : de verplichte hoofding van je pagina, waarin je allerlei randinformatie over je pagina kwijt kan.
<title> en </title> : hiertussen zet je de verplichte titel van de pagina, die in de bovenste balk van het browserscherm en in de bookmarks zal verschijnen.
<meta> : speciale (niet verplichte) tag om randinformatie in bij te houden.
<body> en </body> : verplichte tags waartussen de eigenlijke HTML-code van je site komt te staan.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.01 Transitional//EN"> :
is niet verplicht, maar vertelt je browser welke versie van HTML je gebruikt.
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
is ook niet verplicht, maar bevat informatie over de zogenaamde tekenset, waardoor je speciale lettertekens kan invoegen.
Begin- en Eindtag
Zoals je ziet staan sommige tags op zichzelf, maar voor de meeste tags bestaat er een begintag en een eindtag. De eindtag is hetzelfde als de begintag maar bevat een schuine streep.
Alles wat tussen een begin- en eindtag staat wordt beïnvloed. Dit dient zoals bijvoorbeeld bij de bold-tag (<b>), die tekst in bold zet, om aan te geven tot waar de tekst in bold moet staan. Bijvoorbeeld :
<b>Dit stuk tekst zal in bold staan,</b>maar dit niet meer. En ziet er dan zo uit : Dit stuk tekst zal in bold staan, maar dit stuk tekst niet meer.
Attributen
De meeste tags hebben een aantal extra opties. Die opties noemen we attributen, die bijna altijd een waarde hebben. Het attribuut en zijn waarde staan mee in de begintag. Een voorbeeld:
<font face="Arial">Deze tekst zal in lettertype
Arial komen te staan</font>
De tag <font> heeft als attribuut dus FACE gekregen, wat lettertype wil zeggen. In dit geval is de waarde van FACE gelijk aan Arial, maar kan dus evengoed Bookman of Courier etc. worden.
Meestal zijn er zelfs meerdere attributen mogelijk :
<font face="Arial" color="red">Dit zal er uitzien als rode tekst in Arial.</font> En ziet er dan zo uit:
Dit zal er uitzien als rode tekst in Arial.
Je scheidt de naam van de tag en de verschillende attributen van elkaar dus met een spatie.
.htm en .html
Als je een pagina hebt opgemaakt met een teksteditor, en je slaat het bestand op als .txt, zal een browser deze pagina met tags en al gewoon als tekst laten zien.
Als je het bestand opslaat als .htm of .html, zal hij echter weten dat het om een HTML-pagina gaat, de tags verstoppen, en enkel de geïnterpreteerde pagina tonen. (Wist je nog niet dat je een HTML-pagina in een teksteditor kon maken, lees dan eerst eens het stukje VOORKENNIS.)
Naamgeving van de HTML-pagina's
Maak voor de zekerheid gebruik van het DOS 8-3 bestandsformaat, dwz :
- geef je pagina een naam van 8 karakters
- geen spaties of andere vreemde tekens
- een extensie van 3 karakters : bijvoorbeeld .htm .
- Gebruik geen hoofdletters in bestandsnamen.
Je pagina's gaan nu in zowel MAC, UNIX als PC-systemen zeker altijd uitgelezen kunnen worden.
|
Ontwerp je site