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 Totaal
|
http://www.html.-totaal.be |
|
Een prachtig Nederlandstalig en
volledig overzicht met veel
voorbeelden die 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.
|
