Een goede HTML-file begint altijd met het besturingsteken <HTML>
en eindigt met </HTML>. De onzichtbare titel verschijnt in de vensterbalk
van de netbrowser. Die titel staat dan tussen <HEAD><TITLE>
en </TITLE></HEAD>
Het informatiedeel staat tussen <BODY> en </BODY>. Daarin kan
de titel herhaald worden in bij voorkeur een groter lettertype.
Logische besturingstekens:
<DFN>voor definities</DFN>
<EM> voor nadruk op een tekst, meestal cursief </EM>
<CITE>voor boektitels etc., meestal cursief</CITE>
<CODE>voor computercode, bijv.: m_datum = DATE()
</CODE>
<KBD>voor invoer via toetsenbord</KBD>
<SAMP>voor letterlijke teksten, bijv: http://www.disney.com/</SAMP>
<STRONG>vet</STRONG>
<VAR>voor een variabele</VAR>
Fysieke besturingstekens
<B>vet</B>
<I>cursief</I>
<TT>typewriter</TT>
<U>onderstreept</U>
<S>doorgestreept</S>
Opmerking: het nesten van tags is vaak mogelijk, maar houdt er rekening mee dat zoiets als <B><I>vet en cursief</I></B> niet door alle browsers op dezelfde manier geïnterpreteerd wordt.
Vooropgemaakte tekst
<PRE>
preformatted text
</PRE>
<FONT SIZE=1>grootte</FONT>
<FONT SIZE=2>grootte</FONT>
<FONT SIZE=3>grootte</FONT> = default
<FONT SIZE=4>grootte</FONT>
<FONT SIZE=5>grootte</FONT>
<FONT SIZE=6>grootte</FONT>
<FONT SIZE=7>grootte</FONT>
Als op de ontvangende computer fonts zijn geïnstalleerd, worden deze weergegeven. Een test.
horizontale lijn: <HR>
Spaties worden door HTML gewoonlijk genegeerd, behalve (gelukkig)
tussen de woorden in een zin. Toch kan een spatie geforceerd worden met
. Bijvoorbeeld:
Begint niet aan het begin van de regel.
Begint wel aan het begin van de regel.
Afbeeldingen
<IMG WIDTH=xxx HEIGHT=xxx BORDER=xxx ALIGN=xxx SRC=filename.gif>
WIDTH = breedte in pixels
HEIGHT = hoogte in pixels
BORDER = rand bij hyperlinks, in pixels
ALIGN = hoe komt de tekst naast de afbeelding: LEFT, RIGHT, TOP, BOTTOM,
MIDDLE
Het principe van clickable maps is samengevat in http://www.euronet.nl/users/cor/imagemap.html (Engels).
|
|
|
|
|
|
|
|
|
Definitielijst:
Hyperlinks:
In de vorm <A HREF="URL">hier klikken</A>
Anchors: vanuit een plaats wordt gesprongen naar een andere plaats in
hetzelfde document, bijvoorbeeld:
van: <a href="#kenmerk">ga naar hoofdstuk 2</a>
naar: <a name="kenmerk">hoofdstuk 2</a>
<table border=0>
linksboven | rechtsboven |
linksonder | rechtsonder |
<table border=1>
linksboven | rechtsboven |
linksonder | rechtsonder |
<table border=5>
linksboven | rechtsboven |
linksonder | rechtsonder |
Met de opdracht CELLSPACING=x wordt de ruimte tussen de cellen (in pixels) aangegeven; CELLPADDING=y wordt gebruikt om de ruimte in de cellen om de tekst heen (in pixels) in te stellen. Enkele voorbeelden:
<TABLE BORDER=1 CELLSPACING=2 CELLPADDING=5> <tr>;<td>linksboven</td><td>rechtsboven</td></tr>
linksboven | rechtsboven |
linksonder | rechtsonder |
<TABLE BORDER=2 CELLSPACING=5 CELLPADDING=1> <tr>;<td>linksboven</td><td>rechtsboven</td></tr>
linksboven | rechtsboven |
linksonder | rechtsonder |
Een rij begint met <TR> en kan bestaan uit een table head <TH>
en/of table data <TD>.
Aan deze besturingstekens kunnen de opties ALIGN=xxx, VALIGN=xxx en WIDTH=xxx,
COLSPAN= en ROWSPAN= toegevoegd worden.
ALIGN = horizontale uitlijning (LEFT, CENTER, RIGHT)
VALIGN = vertikale uitlijning (TOP, MIDDLE, BOTTOM)
WIDTH = hoe breed (in pixels) wordt een <TR>, <TH> of <TD>.
COLSPAN en ROWSPAN geven aan hoe groot een <TD> of <TH> moet
zijn.
Voorbeeld:
Boys | Girls | ||||
---|---|---|---|---|---|
George | Bill | Richard | Barbara | Hillary | Daphne |
Deze tabel heeft twee table headers die elk drie kolommen groot zijn, de kolommen "George", "Bill" en "Richard" vallen onder de table head "Boys" en de andere drie kolommen ("Barbara", "Hillary" en "Daphne") vallen onder de table head "Girls".
In onderstaande tabel zijn de kolommen even breed gemaakt met de opdracht
<TD WIDTH=75>naam</TD>
Na de eerste regel is het niet nodig om de breedte-instelling te herhalen.
Boys | Girls | ||||
---|---|---|---|---|---|
George | Bill | Richard | Barbara | Hillary | Tracy |
Washington | Cosby | Gere | Streisand | Clinton | Lords |
Tekst over twee kolommen verdelen kan ook met de table-functie. Hier wordt tevens gedemonstreeerd dat een tabel ook een achtergrondkleur kan krijgen met de opdracht <TABLE BGCOLOR="#FFFF00"> :
Alaska wordt vaak gezien als een volledig ontoegankelijk oord met slechts kale, barre sneeuwvlakten en hier en daar een pijpleiding. Niets is minder waar. Voor veel Amerikanen is deze grootste staat van de VS tegenwoordig een waar Hof van Eden. | Ondanks, of juist dankzij de kou, kun je in Alaska nog volop genieten van de vrijheid en de ongerepte natuur. In dit paradijs, tussen woeste rotspartijen, verdwijnen de vermoeienissen van alledag spoedig als sneeuw voor de zon. |
Een recente feature is het overslaan van meerdere regels. Dit gaat als volgt: bovenste tekst <SPACER TYPE="VERTICAL" SIZE="50"> |
De stelling van Pythagoras luidt: a2 + b2 = c2
Het gebruik van <SUP> en <SUB> tags kan tot lelijke resultaten leiden:
92
235U
n
+3
Daarom is het beter om het toch maar zó te doen:
235 | U | +3 |
92 | n |
Er zijn acht nieuwsgroepen waarin HTML bediscussieerd wordt:
news:comp.infosystems.www.authoring.html
news:alt.html
news:alt.html.critique
news:alt.html.editors.enhanced-html
news:alt.html.editors.webedit
news:alt.html.webedit
news:microsoft.public.inetsdk.programming.html_objmodel
news:microsoft.public.inetsdk.html_authoring
Metatags:
tussen </TITLE> en </HEAD>
<meta name="author" content="mijn naam">
<meta name="description" content="korte omschrijving inhoud">
<meta name="keywords" content="honden, hondenvoer, kennels">
Terug naar mijn homepage
een laatste gimmick...