Een Plaatje...

Een plaatje als illustratie plaatsen in je log is heel simpel. Je gebruikt de code
<img src="http://mijnplaatje.jpg"> en hup daar is je plaatje. Zet hem daar waar jij hem hebben wilt en klaar.

Standaard komt een plaatje dan aan de linker kant te staan en wordt de onderkant van de afbeelding op één lijn geplaatst met de onderkant van de tekst er naast. Door de code weer aanvullen met
    align=right|center|left voor de horizontale uitlijning en
    align=top|middle|bottom voor de verticale uitlijning
kun je dit aan je eigen wensen aanpassen.
Wil je bijvoorbeeld je tekst links en je plaatje rechts ervan dan wordt de code dus
<img src="http://mijnplaatje.jpg" align=right> en ga daarna verder met je tekst.

Het ligt aan het formaat van het plaatje (en je kolom of tabel) hoe het verder uitgelijnd wordt. Ben je niet helemaal tevreden dan kun je het formaat aanpassen met width en height. Als je die niet in je html opneemt zal de editor dit zelf doen en automatisch het werkelijke formaat kiezen, door zelf de width en height aan te geven kun je het formaat dus veranderen. Let wel even op dat je de verhoudingen gelijk houdt, ander kon je weleens een heel vreemd plaatje krijgen (ook soms wel leuk).
Stel dus dat je een plaatje hebt dat in werkelijk 400 bij 400 pixels is, dan kun je het gemakkelijk verkleinen naar bijvoorbeeld 300 bij 300. Oke maar even weer een paar voorbeelden:

Horizon taal uit lijnen	Het plaatje staat links en de tekst komt er rechts van te staan. Het ligt natuurlijk aan het formaat van het plaatje en de lengte van je tekst maar uiteindelijk gaat de tekst onder het plaatje verder.	Het plaatje staat nu rechts en de tekst komt aan de linker kant ernaast. Totdat de ruimte gevuld is, daarna gaat de tekst weer verder onder het plaatje.
Code	<img border="0"  src="http://mijnplaatje.jpg" align="left" width="87" height="106">Hier je tekst	<img border="0"  src="http://mijnplaatje.jpg" align="right" width="123" height="153">Hier je tekst
Verti caal uit lijnen	align=top	align=middle
Code	<img border="1"  src="http://mijnplaatje.jpg" align="top" width="151" height="181">Hier je tekst	<img border="1"  src="http://mijnplaatje.jpg" align="middle" width="160" height="194">Hier je tekst

De oplettende lezer heeft al gezien dat ik vier keer hetzelfde plaatje heb gebruikt en steeds de width en de height heb aangepast. En misschien is je ook opgevallen dat je ook je plaatje een randje kan geven door een waarde achter border= in te vullen. Als je van je plaatje een hyperlink maakt zul je ontdekken dat er automatisch een randje om je plaatje komt, misschien wil je dat juist niet, dan zet je de waarde achter border= terug op nul.

Tooltip: Je hebt vast wel eens opgemerkt dat er een tekst verschijnt als je met je muis op het plaatje blijft staan. Dit wordt de tooltip genoemd. Je kan zelf de tekst bepalen door de code Alt="Je tekst" binnen de imagetag te plaatsen. Leuk als je bijvoorbeeld een raadseltje plaatst, je kunt de oplossing dan in je tooltip geven.

Tenslotte zagen de trouwe bezoekers gisteren dit probeerseltje op mijn space dat gemaakt is van 1 enkel gifje waarvan ik telkens de width en height heb aangepast.

Dit is het gifje waarmee het gemaakt is



Er zijn nog veel meer mogelijkheden!
Binnenkort staan ze op deze space

xxx Marijke