 |
|
 |
 |

Opbouw van een html-document |
 |
|

Een html-document is globaal opgedeeld in twee secties: de <HEAD>-sectie en de
<BODY>-sectie. De algemene opbouw van een html-document is als volgt
(alle attributen zijn uit de tags weggelaten):
<!DOCTYPE>
<HTML>
<HEAD>
<TITLE>Titel</TITLE>
<BASE>
<META>
</HEAD>
<BODY>
Hier komt de eigenlijke pagina
</BODY>
</HTML>
Hierin zijn de volgende tags verplicht: <HTML>, <HEAD>, <TITLE>, </TITLE>,
</HEAD>, <BODY>, </BODY> en </HTML>.
De indeling ziet er anders uit als het document een <FRAMESET> bevat
om frames te definieren. Voor meer info zie de pagina over frames.

<!DOCTYPE> |
 |
|

Geeft aan voor welke versie van HTML het document gemaakt is. Dit is de standaardopmaak voor deze tag:
<!DOCTYPE HTML PUBLIC "versie" "link naar dtd (Document Type Definition)">.
Hieronder staan enkele mogelijkheden voor "versie":

Versietekst | Versie |
"-//Netscape Comm. Corp.//DTD HTML//EN" | Netscape |
"-//Microsoft//DTD Internet Explorer 2.0 HTML//EN" | MSIE |
"-//IETF//DTD HTML 2.0//EN" | HTML 2.0 |
"-//W3C//DTD HTML 3 1995-03-24//EN | HTML 3.0 |
"-//IETF//DTD HTML 3.0//EN" | HTML 3.0 |
"-//W3C//DTD HTML 3.2//EN" | HTML 3.2 |
"-//W3C//DTD HTML 4.0//EN" | HTML 4.0 |
"-//W3C//DTD HTML 4.0 Frameset//EN" | HTML 4.0 |
"-//W3C//DTD HTML 4.0 Transitional//EN" | HTML 4.0 |
Voor meer informatie: zie http://validator.w3.org of http://www.w3.org/
voor meer uitleg, of http://ugweb.cs.ualberta.ca/~gerald/validate/lib/catalog
voor een meer complete lijst.

<BASE> |
 |
|

Enkele standaard-instellingen voor het html-document.

Attribuut | Resultaat |
HREF="http://www.site.com/pad" | Defnieert het uitgangspunt bij relatieve verwijzingen. Voorbeeld: bij de regel hierboven wordt een link naar
bijvoorbeeld uitleg.html gezien als http://www.site.com/pad/uitleg.html, ongeacht waar het html-bestand zich bevindt |
TARGET="frame" | Definieert het standaard target voor links bij frames |

<META> |
 |
|

Bepaalde variabelen die te maken hebben met het document een waarde geven. Dit is niet verplicht in een html-bestand, het is alleen extra informatie.

Attribuut | Resultaat |
NAME="naam" | De naam van de variabele die gedefinieerd gaat worden |
CONTENT="waarde" | De waarde die de variabele moet krijgen |
HTTP-EQUIV="naam" | De naam van een speciale variabele die gedefinieerd gaat worden. De inhoud van deze variabele staat ook weer in een content-attribuut |
Hier is een overzicht van enkele veel gebruikte variabelen:
Naam | Waarde |
NAME="description" | CONTENT="een beschrijving van de pagina" |
NAME="keywords" | CONTENT="trefwoorden die slaan op de pagina" |
NAME="publisher" | CONTENT="degene die de pagina gepubliceerd heeft (de maker)" |
NAME="generator" | CONTENT="het programma waarmee de pagina gemaakt is" |
NAME="formatter" | CONTENT="het programma waarmee de pagina gemaakt is" |
NAME="robots" | CONTENT="noindex" zorgt ervoor dat de pagina niet wordt opgenomen in zoekmachines (wordt niet door elke zoekmachine onderstend) |
HTTP-EQUIV="refresh" | CONTENT="20; URL=document.html" betekent dat na 20 seconden de URL geladen wordt die staat aangegeven achter URL=. Dit kan zowel een volledig adres zijn (http://enz.) als alleen een documentnaam |
HTTP-EQUIV="content-type" | CONTENT="text/html; CHARSET=iso-8859-1" geeft aan dat dit een html-document is, opgemaakt volgens de iso-8859-1-karakterset. Hiermee kan je voorkomen dat je symbolen als codes moet invoegen, aangezien hier wordt aangegeven dat het document die bepaalde karakterset heeft |


* | <META NAME="description" CONTENT="HTML op het net is een html-naslagwerk"> |
* | <META NAME="publisher" CONTENT="Bas Jansen"> |


* | description en keywords worden gebruikt door zoekmachines. Als je frames gebruikt
kan je deze in het bestand zetten waar de frames gedefinieerd zijn. Als een zoekmachine de pagina opvraagt om die op te nemen
in zijn bestand, en er staat alleen een frames-declaratie kan de zoekmachine er niet veel mee. Zodra die echter
een description en keywords tegenkomt, neemt hij die over.
|
* |
<META HTTP-EQUIV="Refresh" CONTENT="10; URL=nieuw.html"> is
handig als een pagina verplaatst is: je kan dan een melding maken op het oude adres in de trant van "Deze pagina is verplaatst! Wacht 10 seconden of klik hier om naar het nieuwe adres te gaan".
Ook kan je zo bijvoorbeeld een welkomstboodschap laten zien voordat de eigenlijke pagina geladen wordt.
|

<BODY> |
 |
|

Begin van de body-sectie van het html-document.
Tussen de <BODY> en </BODY> komt de eigenlijke pagina. De attributen geven
onder andere de kleuren en de achtergrond aan van de pagina:

Attribuut | Resultaat |
TEXT="#rrggbb" | de tekstkleur (standaard 000000). Behalve een rgb-waarde kan ook een kleurnaam ingevuld worden |
LINK="#rrggbb" | de kleur van de links (standaard 0000FF). Behalve een rgb-waarde kan ook een kleurnaam ingevuld worden |
ALINK="#rrggbb" | de kleur van actieve links (een link is actief op het moment dat erop geklikt wordt en de muisknop nog ingedrukt is) (standaard FF00FF). Behalve een rgb-waarde kan ook een kleurnaam ingevuld worden |
VLINK="#rrggbb" | de kleur van al eerder aangeklikte links (standaard FF0000). Behalve een rgb-waarde kan ook een kleurnaam ingevuld worden |
BGCOLOR="#rrggbb" | de kleur van de achtergrond. Behalve een rgb-waarde kan ook een kleurnaam ingevuld worden |
BACKGROUND="pl.gif" | een afbeelding als achtergrond gebruiken |


* | Als je voor rr, gg en bb alleen 00, 33, 66, 99, CC of FF gebruikt, zien ze er op het scherm uit als solide kleuren op een scherm met 256 kleuren.
Zie de pagina over kleuren voor meer tips over kleurgebruik. |

<!-- commentaar --> |
 |
|

Hiermee kan je commentaar of aantekeningen toevoegen aan een html-document. Dit kan bijvoorbeeld om aan te geven dat een bepaalde sectie in het
document begint. Bedenk echter wel dat dit commentaar niet direct
zichtbaar is, maar wel te bekijken is met View Source. Zet dus nooit informatie zoals
wachtwoorden en dergelijke in een html-document.

Achtergrondgeluid |
 |
|

Met de volgende twee tags kan je achtergrondgeluiden invoegen.


* |
Gebruik bij voorkeur geen achtergrondgeluid, of eentje die je uit kan zetten als het muziekje je niet bevalt.
Als ik aan het surfen ben, doe ik dat altijd in meerdere vensters tegelijk. Als ik dan op een pagina kom met
achtergrondgeluid, weet ik vaak niet eens van welke pagina dat nu eigenlijk komt. Bovendien klinken midi'tjes
nergens naar als je geen wavetable-geluidskaart hebt.
|

<EMBED> |
 |
|

Voor Netscape: voeg een achtergrondgeluid in.

Attribuut | Resultaat |
SRC="liedje.mid" | de bestandsnaam van het geluidsbestand |
AUTOSTART="true" | geeft aan of het afspelen wel (="true") of niet (="false") automatisch gestart moet worden zodra het geluidsbestand geladen is. Standaard is false |
HIDDEN="true" | geeft aan of het controlepaneel van Netscape (met een start-, stop-, pauze- en volumeknop) wel (="false") of niet (="true") afgebeeld moet worden. Standaard is false |
WIDTH="n" | geeft de breedte aan van het controlepaneel |
HEIGHT="n" | geeft de hoogte aan van het controlepaneel |

<BGSOUND> |
 |
|

Voor Microsoft Internet Explorer: voeg een achtergrondgeluid in.

Attribuut | Resultaat |
SRC="liedje.mid" | de bestandsnaam van het geluidsbestand |
LOOP="n" | geeft aan dat het liedje n maal herhaald moet worden. Je kan een liedje ook oneindig laten horen (="infinite") |

|