<< Vorige

Les 2

Nu hebben we dus een stukje tekst waarvan we het lettertype, de grootte en de kleur kunnen aanpassen. Maar de tekst wordt door de browser standaard links uitgelijnt. Dit is niet altijd wat we willen, en ik zal nu laten zien hoe we de tekst kunnen centreren.

<CENTER>
<FONT FACE=Helvetica SIZE=6 COLOR="YELLOW"> Hier een simpel tekstje </FONT>
</CENTER>

Willen we de tekst naar rechts uitlijnen doen we het anders. Namelijk als een variabele in de <FONT>tag.

<FONT FACE=Helvetica SIZE=6 COLOR="YELLOW" ALIGN="RIGHT"> Hier een simpel tekstje </FONT>

Het zou leuk zijn om er een plaatje bij te zetten. Maar eerst een paar lege regels.

<BR>
<BR>
<BR>
<BR>

Het is tijd om het plaatje toe te voegen. Als voorbeeld kies ik het windows afsluitscherm. Dit is bijna het enige plaatje dat werkt zonder dat het een *.gif of *.jpg formaat heeft.

<IMG SRC="C:\Windows\Logos.sys">

We kunnen het plaatje centereren met de <CENTER> tags.

Het plaatje krijgt van de browser een standaard maat aangemeten en die kunnen we zelf aanpassen met variabelen in de <IMG> tag.

<IMG SRC="C:\Windows\Logos.sys" WIDTH=64 HEIGHT=80 >

We hebben een gekleurde pagina met een tekst en een plaatje. Maar een website zou niet echt een website zijn zonder links. Zoals iedereen weet kan een link zowel een tekst als een plaatje zijn. Laten we beginnen met een tekstlink. De tekst moet als een gewone tekst worden ingetypt, en tussen <A> tags worden gezet.

<A> Dit is een link </A>

Nu hebben we de tekst veranderd in een link. De link verwijst alleen nog nergens naar. Dit doen we met een variabele in de <A> tag. We verwijzen naar www.astalavista.com.

<A HREF="http://www.astalavista.com"> Dit is een link </A> Wil je een link maken die ervoor zorgt dat mensen naar je kunnen mailen, doen we het iets anders.

<A HREF="MAILTO:busker@busker.nu" > Dit is een e-mail link </A>

Kijk maar eens wat er gebeurd als je hier klikt.

Ook een van een plaatje kunnen we een link maken.

<A> <IMG SRC="C:\Windows\Logos.sys"> </A>

<A HREF="http://www.astalavista.com"> <IMG SRC="C:\Windows\Logos.sys"> </A>

Of een email-link.

<A HREF="MAILTO:busker@busker.nu" > <IMG SRC="bestanden/pacmanrunning.gif"> </A>