Stamboomlinks per categorie en regionaal
> Onderzoek	> Groningen
> Familienamen	> Friesland
> Hulpwetenschappen	> Drenthe
> Speciale groepen	> Overijssel
> Uitwisselen en publiceren	> Flevoland
> Organisaties	> Gelderland
> Software	> Utrecht
> Internet	> Noord-Holland
	> Zuid-Holland
	> Zeeland
	> Noord-Brabant
	> Limburg

Link aanmelden

Familienamen aanmelden

RSS-feed aanmelden

Voorouders Top 50

> Aanmelden

Nederlandse Genealogische Banner Exchange

> Aanmelden

Sitemap | Contact

HTML-gids

Basis

<html> <head> <title>De titel die in de titelbalk van uw browser wordt weergegeven</title> </head>

<body> De inhoud van uw pagina </body> </html>

Hierboven ziet u de basisstructuur van een HTML-pagina. De pagina begint met <html> en eindigt met </html>. Dit zijn zogenaamde tags. De eerste is een begintag en de tweede een sluittag. Daarbinnen bevinden zich twee gedeelten, die ook elk weer een begin- en een sluittag hebben. Het gedeelte tussen <head> en </head> dient voor alles wat niet direct zichtbaar is in de eigenlijke pagina. Bijvoorbeeld de titel die in de titelbalk van uw browser staat. In HTML staat die titel tussen <title> en </title>. Het tweede gedeelte wordt omsloten door de tags <body> en </body>. Dit gedeelte vormt de eigenlijke pagina.

Zoals u ziet wordt er in de codes een paar keer ingesprongen. Dit gebeurt alleen om de codes overzichtelijk te houden. Het heeft geen enkel effect op de uiteindelijk weergave. In HTML wordt alle aaneensluitende witruimte (spaties, tabs, lege regels) steeds gelezen als 1 enkele spatie.

HTML-codes zijn niet hoofdlettergevoelig. In principe mag u dus grote en kleine letters door elkaar gebruiken. Vroeger was het gebruikelijk alleen hoofdletters te gebruiken omdat de codes dan beter te onderscheiden zijn van de gewone tekst. Tegenwoordig is het gebruikelijk om alleen kleine letters te gebruiken. Dat komt omdat de nieuwe taal XHTML (die erg op HTML lijkt) wel hoofdlettergevoelig is. Door alleen kleine letters te gebruiken, zijn HTML en XHTML gemakkelijker door elkaar te gebruiken.

Begintags zien er vaak een stuk ingewikkelder uit dan hierboven. Een voorbeeld van een ingewikkelder <body> tag:

<body text="#000000" background="plaatje.gif" bgcolor="#ffffff" link="#ff0000" alink="#0000ff" vlink="#990099" marginheight="10" marginwidth="10">

Deze tag is nu voorzien van een aantal attributen en eigenschappen. Attributen zijn de codes die voor de = tekens staan. De eigenschappen staan tussen de aanhalingstekens. Op deze manier krijgt de pagina een aantal kenmerken toegewezen die bepalen hoe de pagina er uit komt te zien. De kenmerken gelden namelijk voor alles wat tussen deze tag en de bijbehorende sluittag staat. De volgorde van de attributen binnen de tag doet er niet toe. En u mag een attribuut bijna altijd weglaten. In dat geval worden de standaard instellingen van de browser gevolgd.

text="..." : de kleur van de gewone tekst
background="..." : verwijzing naar het adres van een afbeelding die als achtergrond gebruikt wordt (vrijwel altijd zal de afbeelding kleiner zijn dan de pagina; de afbeelding wordt dan herhaald in een tegelpatroon tot de hele pagina gevuld is; 1 x 1 pixel is dus in principe genoeg voor een hele pagina; zie ook het gedeelte over afbeeldingen)
   background="plaatje.gif" : naar een afbeelding in dezelfde map
   background="mapnaam/plaatje.gif" : naar een afbeelding in de map 'mapnaam'
   background="../plaatje.gif" : naar een afbeelding in de bovenliggende map
   background="http://www.website.nl/plaatje.gif" : naar plaatje op een andere website
bgcolor="..." : de achtergrondkleur (is alleen zichtbaar als er geen afbeelding als achtergrond gebruikt wordt)
link="..." : de kleur van links
alink="..." : de kleur van actieve links
vlink="..." : de kleur van bezochte links
marginheight="..." : de marge tussen de paginainhoud en de boven- en onderkant van het venster in pixels
marginwidth="..." : de marge tussen de paginainhoud en de linker en rechter kant van het venster in pixels

De manier waarop kleuren worden aangeduid wordt uitgelegd in het gedeelte over kleuren.

Tegenwoordig worden de meeste HTML-attributen nog maar zelden gebruikt. Dat komt omdat dezelfde resultaten mogelijk zijn met de opmaak-taal CSS. Bovendien kent CSS nog veel meer opmaakmogelijkheden dan HTML. CSS-codes worden ingevoegd in HTML. Hoe dat werkt leest u in de aparte CSS-gids.