| <HTML> |
Ja, daar beginnen
we tenslotte mee, niet ? |
| <HEAD> |
We gaan een header
maken met de paginatitel. |
| <TITLE>Genealogische
Homepage</TITLE> |
Met </TITLE>
geven we aan dat we al klaar zijn met de titel... |
| </HEAD> |
en we zijn ook al klaar met de header
: </HEAD>
dus. Volgt nu de eigenlijke inhoud. |
| <BODY BGCOLOR="Midnightblue"
TEXT="Arial" ALINK="Red" ALINK="DarkOrange"
VLINK="Yellowgreen"> |
Even aangeven welke
kleurtjes we willen voor de hele pagina :
blauwe achtergrond (BGCOLOR), tekst in Arial, links
in oranje en bezochte links in geel... |
| <H1> |
Eerst een kop van
het eerste (grootste) niveau... |
| <CENTER> |
gecentreerd graag... |
| <FONT COLOR="Aquamarine"> |
en in een ander opvallend
kleurtje... |
| Johnie's Genealogische
Webstek |
met deze inhoud. |
| </FONT> |
En afsluiten maar
weer... |
| </CENTER> |
|
| </H1> |
De titel is hiermee
klaar |
| <HR> |
We zetten er een mooie
streep (horizontal
rule) onder
|
| <P> |
en beginnen een nieuwe
alinea (paragraph).
|
| <CENTER> |
|
| <FONT SIZE=+3 COLOR="Yellow"> |
Een wat groter lettertype
(+3) en in het geel, graag... |
| <B> Waaw ! Ik ben
klaar voor de digitale snelweg ! </B> |
en ook nog vetjes
(Bold) |
| </FONT> |
|
| </CENTER> |
|
| <BR> <BR>
<BR> |
Koud hier zeg ! Dus
maar drie extra regels wit (line break). |
| <TABLE BORDER=0 CELLPADDING=10> |
We gaan een tabel
maken, zonder zichtbare randjes (border) en met
tien beeldpunten tussen de cellen (cellpadding). |
| <TR> |
Begin een nieuwe horizontale
rij (table row) |
| <TD WIDTH=20%> |
en plaats daarin een
cell met gegevens (data)
en gebruik 20% van de breedte (width). |
| <TABLE BORDER=0 CELLPADDING=5> |
|
| <TR> |
|
| <TD BGCOLOR="Darkred"
ALIGN="center"> |
Achtergrondkleur wordt
rood en het geheel wordt gecentreerd. We krijgen
zo een aanklikknop... |
| <B> <A HREF="mijninfo.htm">Hallo
!</A> </B> |
We maken een link
naar een ander HTML-bestand (Mijninfo.htm) en maken
een verwijzing via het woordje "Hallo!"
dat aanklikbaar zal zijn. |
| </TD> |
|
| <TR> |
|
| <TD BGCOLOR="Darkred"
ALIGN="center"> |
We maken nog zo'n
link... |
| <B> <A HREF="links.htm">Links</A>
</B> |
|
| </TD> |
|
| </TR> |
|
| </TABLE> |
|
| </TD> |
|
| <TD> |
We gaan naar het rechterdeel
van de tabel voor een welkomstekst. |
| <FONT COLOR="aquamarine"> |
|
| <B> Welkom op mijn
homepage ! </B> |
|
| <P> |
|
| Voor meer info over mezelf,
klik op de infoknop aan de linkerkant van de pagina.
Via de knop met links kom je bij mijn verzameling
genealogische bestanden terecht. Wil je meer gegevens,
stuur me dan maar een mailtje. |
|
| </FONT> |
|
| </TD> |
|
| </TR> |
|
| </TABLE> |
Waarmee het hele tabellendeel
aggesloten wordt. |
| <BR> <BR>
<BR> |
Juist ! Weer drie
blanco regels... |
| <HR> |
en een leuke streep. |
| <FONT SIZE=-1> |
Dan... in kleinere
lettertjes... |
| © 1.5.2002 by
Johnie Productions. E-mail : |
copyrightaanduiding
en e-mailadres... |
| <I> <A HREF="mailto:Johnie@
genealogy.com"> |
en dat laatste cursief
(italics) |
| Johnie@genealogie.com
</A> </I> |
|
| </FONT> |
|
| </BODY> |
|
| </HTML> |
|
Zo. Job done. Nu nog dit bestandje opslaan en het eens
uittesten via de browser. Toch niet zo'n titanenwerk,
of wel? Indien je wil, kun je de broncode van dit proefbestand
downloaden.
