HTML 3.2 Tags (deze pagina vereist een HTML 3.2 compatible browser)

Omdat de vorige versies van HTML geen algemene opmaakfuncties ondersteunde, zie ook het hoofdstuk over CSS (Cascading Style Sheets), bracht het W3C (World Wide Web Consortium) versie 3.2 uit. Hierin worden de belangrijkste tags uitgelegt. Daarna wordt in het hoofdstuk CSS uitgelegd wat het uiteindelijke nut van deze tags is en wat jij er als homepage bouwer mee bent.

<DOCTYPE> Niet veel mensen weten dat HTML voortgevloeid is uit SGML (Standard Generalized Markup Language). SGML is een vrij ingewikkelde taal een daarom is ook de versimpelde versie, HTML, in het leven geroepen. Met het <DOCYTYPE> kan je zeggen in welke taal je pagina geschreven is. Zo zetten we voor een gewone HTML pagina:
<!DOCTYPE HTML PUBLIC "- //WC3//DTD HTML 3.2 Final//EN">
Als je tags van HTML 3.2 wilt gebruiken, ben je verplicht deze regel toe te voegen aan je document. Voot HTML 2.0 is hij niet verplicht.
<BASE> Als je op een webpagina een afbeelding wilt laten zien, dan kun je in plaats van het volledige pad, ook het gedeeltelijke pad vermelden. Zo is de locatie van de back button helemaal onder deze pagina ../jpg/button_back.gif We kunnen nu tegen de browser zeggen wat de directory is waar alles in staat, daarvoor gebruiken we de <BASE> tag.
Voorbeeld:
<BASE HREF="http://www.sin.khk.be/~fatman/">
Vanaf nu staat de browser in de hoofddir van mijn account, nu is de locatie van die afbeelding jpg/button_back.gif
<META> Dit is een van de meest krachtigste tags die toegevoegd is met HTML 3.2. Met deze tag kan je bijvoorbeeld informatie doorgeven over het document. Dat kunen de zoekmachnies op het net, zoals Altavista, dan gebruiken.
Voorbeeld:
- <META NAME="Keywords" CONTENT="HTML 3.2, CSS, Tags, META">
  <META NAME="Creator" CONTENT="Smeyers Ramses / The Fat Man">
  Nu neemt de zoekmachnie deze trefwoorden en mijn naam op in zijn database. Op die manier kan je site dus makkelijker gevonden worden.
- <META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.ranbooke.com/fatman/">
  <META HTTP-EQUIV="Refresh" CONTENT="60">
  In het eerste geval wordt er doorgelinkt naar de pagina http://www.ranbooke.com/fatman als de pagina 5 seconden op het scherm is, dit kan je gebruiken als je pagina van plaats veranderd is. In het tweede geval wordt de pagina na 60 seconden herladen, wat handig is bij een steeds veranderende site, d.m.v. van een CGI script of zo.

Opmaaktags

Nu volgen er enkele opmaaktags. Op het eerste zicht ben je er niet veel mee, maar later, in het hoodsstuk over CSS zal blijken dat ze zeer handig zijn.

Tag	Voorbeeld	Uitvoer	Wat het doet
<ADDRESS>	<ADDRESS> ...</ADDRESS>	...	Voor het vermelden van je adres
<CITE>	<CITE> Deze tekst is een citaat, ik zal dus ook even de bron vermelden, Link HTML-cursus, 1997 </CITE>	Deze tekst is een citaat, ik zal dus ook even de bron vermelden, Link HTML-cursus, 1997	Voor het vermelden van een citaat
<EM>	<EM> Dit wodt benadrukt. </EM>	Dit wodt benadrukt.	Om iets te benadrukken
<KDB>	<KBD> ver </KBD>	`ver`	Als je wilt verduidelijken hoe een programma werkt. Deze tags dient voor de invoer
<SAMP>	<SAMP> Windows 95 [Version 4.00.1111] </SAMP>	`Windows 95 [Version 4.00.1111]`	Zelfe als vorig, maar dan voor de uitvoer.
<CLEAR>	<IMG SRC="../jpg/button_back.gif"> <BR CLEAR="Right"> hoi	hoi	Hetzelfde als een <BR> maar nu schuift de tekst naar beneden todat er geen plaatje meer aan de rechterkant van de pagina staat.
ALIGN en DIV	<DIV ALIGN="Right"> Rechts uitlijnen </DIV>	Rechts uitlijnen	Zelfde tag als <P ALIGN>, wordt in latere versies van HTML uitgebreid met meer parameters.

Een compleet overzicht over alle HTML 3.2 tags vindt je op http://www.w3.org/TR/REC-html32.html.