De opbouw is:
<IMG SRC="bestemming" ALIGN="sleutelwoord">
De volgende mogelijkheden worden ondersteund:
- top: de bovenzijde van de afbeelding wordt uitgelijnd met de bovenkant van het grootste item op de regel
- middle: het middenvan de afbeelding wordt uitgelijnd met de basislijn van de tekstregel
- bottom: de onderzijde van de afbeelding wordt uitgelijnd met de basislijn van de tekst
- left: de afbeelding wordt op de eerste open ruimte aan de linker kantlijn geplaatst en de tekst wordt langs de rechterzijde van de afbeelding uitgelijnd
- right:de afbeelding wordt op de eerste open ruimte aan de rechter kantlijn geplaatst en de tekst wordt links daarvan langs de linker kantlijn uitgelijnd
Voorbeelden van de uitlijning van afbeeldingen met behulp van het ALIGN attribuut
Voorbeeld van afbeelding met ALIGN="top"
De tekst wordt hier boven uitgelijnd.
<IMG SRC="images/logo.gif" ALIGN="top">tekst is boven uitgelijnd.
De browser geeft dit weer als:
tekst is boven uitgelijnd.
Voorbeeld van afbeelding met ALIGN="middle"
De tekst wordt hier in het midden uitgelijnd naast de afbeelding logo.gif, welke tevinden in de sub-directory images.
<IMG SRC="images/logo.gif" ALIGN="middle">tekst in het midden uitgelijnd.
De browser geeft dit weer als:
tekst in het midden uitgelijnd.
Voorbeeld van afbeelding met ALIGN="bottom"
De tekst wordt hier beneden uitgelijnd naast de afbeelding logo.gif, welke tevinden in de sub-directory images.
<IMG SRC= images/logo.gif" ALIGN="bottom">tekst is beneden uitgelijnd.
De browser geeft dit weer als:
tekst beneden uitgelijnd
Voorbeeld van afbeelding met ALIGN="right"
De afbeelding wordt hier rechts uitgelijnd en naast de afbeelding wordt de tekst vertoont.
<IMG SRC="images/logo.gif" ALIGN= right">............
De browser geeft dit weer als:
Als je gebruik maakt van het ALIGN attribuut met
de sleutelwoorden "left" of "right", dan
wordt de tekst netjes naast de afbeelding geplaatst.
Voorbeeld van afbeelding met ALIGN="left"
De afbeelding wordt hier links uitgelijnd en naast de afbeelding wordt de tekst vertoont.
<IMG SRC="images/logo.gif" ALIGN="left">............
De browser geeft dit weer als:
Als je gebruik maakt van het ALIGN attribuut met
de sleutelwoorden "left" of "right", dan
wordt de tekst netjes naast de afbeelding geplaatst. Wanneer de
hoeveelheid tekst groter is dan naast de afbeelding past, dan
loopt de tekst onder de afbeelding door. Is de hoeveelheid tekst
kleiner dan naast de afbeelding past, dan is het verstandig het
BR element met het attribuut CLEAR te gebruiken. Daarmee
voorkom je dat een volgende alinea of afbeelding onbedoeld naast
inplaats van onder de afbeelding terecht komt.
(Let verder niet op de tekst) (Let verder niet op de tekst)
(Let verder niet op de tekst) (Let verder niet op de tekst) (Let verder niet op de tekst) (Let verder niet op de tekst)
(Let verder niet op de tekst) (Let verder niet op de tekst) (Let verder niet op de tekst) (Let verder niet op de tekst) (Let verder niet op de tekst)
(Let verder niet op de tekst) (Let verder niet op de tekst) (Let verder niet op de tekst) (Let verder niet op de tekst) (Let verder niet op de tekst)
(Let verder niet op de tekst) (Let verder niet op de tekst) (Let verder niet op de tekst) (Let verder niet op de tekst) (Let verder niet op de tekst)
Voorbeeld van afbeelding met ALIGN="left" en tekst die maar voor de helft naast de afbeelding staat
<IMG SRC="images/logo.gif" ALIGN=right"><BR CLEAR="all">
De browser geeft dit weer als:
Als je gebruik maakt van het ALIGN attribuut met
de sleutelwoorden "left" of "right", dan
wordt de tekst netjes naast de afbeelding geplaatst met behulp van <BR CLEAR="all">
Wordt de rest van de daaropvolgende tekst onder de afbeelding geplaatst.
