Stap 3 : Nog meer HTML ?
HTML on-line
In ons proefbestand hebben we
gebruik gemaakt van een aantal zeer courante HTML-instructies.
Om vlot je weg te vinden in HTML moet je niet alle commando's
uit het hoofd kennen (al helpt dat wel, natuurlijk).
Op het internet vind je immers zowat alle informatie
die je over HTML kunt nodig hebben. We vermelden hieronder
enkele sites waar je terecht kunt :
| HTML op het net |
http://html.op-het.net |
Een prachtig Nederlandstalig en
volledig overzicht met veel voorbeelden dat je
ook kunt downloaden en off-line bestuderen. |
| W3Consortium |
http://www.w3.org |
| Enkel Engelstalig en erg technisch.
Onder de titels Document Formats en Interaction vind je veel informatie
over HTML, webpagina-layout en gevorderde technieken. |
De twintig
meest gebruikte HTML-instructies
Toch maak je meestal enkel gebruik van een beperkt aantal
instructies. De twintig meest gebruikte commando's (in
het jargon : "tags") vind je in onderstaand lijstje.
Daarmee ben je in staat de broncode van een webpagina
te begrijpen en zelf korte pagina's te schrijven. Natuurlijk
heb je na het intikken van ons proefbestand al enkele
algemeenheden onder de knie : alle instructies worden
liefst in hoofdletters tussen scherpe haakjes (<>)
geschreven en een begonnen commando (<TITLE>)
moet ook afgesloten worden (</TITLE>).
Dit laatste is niet altijd nodig : als het logisch is
dat een tag op een bepaald ogenblik afgesloten wordt,
bv. na het plaatsen van een afbeelding of een streep,
hoeft de afsluitende tag niet gebruikt te worden.
| 1. |
<HTML>
</HTML> |
Het begin en einde van ieder HTML-bestand.
Hierdoor herkent de browser het gebied dat hij moet
interpreteren. |
| 2. |
<HEAD>
</HEAD> |
In de header van een HTML-bestand
worden aanwijzingen over het bestand zelf en de
zogenaamde metatags (die belangrijk zijn voor zoekrobots)
geplaatst. Belangrijkste element in de header is
de paginatitel. |
| 3. |
<TITLE>
</TITLE> |
Met de titel begint het allemaal.
Bedenk een mooie, veelbetekendende, maar korte titel. |
| 4. |
<BODY>
</BODY> |
Tussen de body-tags staat de inhoud
van de webpagina. De inleidende tag kun je nog wat
parameters meegeven, zoals BGCOLOR="kleurnaam"
(achtergrondkleur), TEXT="kleurnaam" (tekstkleur),
LINK="kleurnaam" (kleur voor nog niet
bezochte links), enz. |
| 5. |
<P>
[</P>] |
Begin en einde van een alinea. De
eindtag is niet echt nodig. |
| 6. |
<BR> |
Einde van een regel. Omdat gewone
regeleinden genegeerd worden, kan je hiermee een
regeleinde invoegen. |
| 7. |
<Hn>
</Hn> |
Tekstkoppen maken, waarbij n
het niveau voorstelt. 1 is het hoogste, 6 het laagste
niveau. |
| 8. |
<B>
</B> |
Tekst vet weergeven. |
| 9. |
<I>
</I> |
Tekst cursief weergeven. |
| 10. |
<U>
</U> |
Tekst onderlijnd weergeven. |
| 11. |
<TT>
</TT> |
Tekst wordt niet proportioneel weergegeven,
waarbij alle tekens even breed zijn. |
| 12. |
<BLINK>
</BLINK> |
Genereert knipperende tekst. |
| 13. |
<CENTER>
</CENTER> |
Centreert de tekst op de pagina. |
| 14. |
<FONT>
</FONT> |
De tekstkleur, tekstgrootte of het
lettertype aanpassen. Hier kunnen ook weer een aantal
parameters toegepast worden, zoals SIZE=5, COLOR="kleurnaam",
FACE="naam lettertype". |
| 15. |
<HR> |
Genereert een 3D horizontale scheidingslijn.
Via de parameter WIDTH=n kun je de breedte bepalen.
Dat kan ook met een percentage (van de schermbreedte),
bv. met WIDTH=66%. Wil je de schaduw weg, gebruik
je de parameter NOSHADE. Met SIZE=n (van 1 tot 6)
bepaal je de dikte. |
| 16. |
<A>
</A> |
Dit is toch wel de meest gebruikte
'tag': de link. De tekst tussen <A> en </A>
wordt aanklikbaar, en als er op die tekst geklikt
wordt, wordt de link uitgevoerd. Met de parameter
HREF="naam.htm" kun je verwijzen naar
een andere HTML-pagina in dezelfde directory. Met
HREF="http://www.genealogy.com" verwijs
je naar een pagina op het internet. |
| 17. |
<IMG> |
Plaats een afbeelding in het bestand.
Met de parameter SRC="naam.extensie" geef
je de bron aan. Die kan zich zelfs op het internet
bevinden zoals met <IMG SRC="http://www.domein.be
/ stamboom.gif"> |
| 18. |
<TABLE>
</TABLE> |
Maakt een tabel. Met de volgende attributen
kun je het uitzicht ervan bepalen : BORDER (een
rand de om tabel en tussen cellen), BORDER=n (een
rand van n beeldpunten om de tabel, standaardlijn
tussen de cellen), CELLSPACING=n (het aantal beeldpunten
tussen twee cellen, standaard 2), CELLPADDING=n
(het aantal beeldpunten tussen inhoud en rand van
een cel, standaard 1), HEIGHT=n (de hoogte van de
tabel in beeldpunten of relatieve grootte ten opzichte
van de beschikbare ruimte, bv. HEIGHT="10%"),WIDTH=n
(de breedte van de tabel in beeldpunten of relatieve
grootte ten opzichte van de beschikbare ruimte). |
| 19. |
<TR>
</TR> |
Begin van een horizontale rij in een
tabel. |
| 20. |
<TD>
</TD> |
Begin met een cel met
gegevens |
Met deze instructies maak je zelf verbluffende HTML-pagina's.
Maar het kan eenvoudiger, via een
HTML-editor.
Zo. Je weet nu genoeg van HTML. We gaan verder met
de volgende stap.
|
