Uitlijnen afbeelding

Aan de image tag kun je attributen toevoegen. Zo kun je bepalen waar de afbeelding moet komen te staan. Dit doe je door align="..." toe te voegen. Daar kun je dan weer zetten left of right. De tekst wordt in dat geval naast de afbeelding geplaatst. Dit kun je dan weer voorkomen door na de image tag gelijk een <br> tag te zetten. Aan de <br> tag voeg je dan toe left, right of all.

Voorbeeld:
<img src="..." align="left">
<br clear=all>

Naast de afbeelding zal geen tekst komen te staan. De tekst gaat door als zowel de linkermarge van de pagina als de rechtermarge van de pagina weer vrij zijn. De afbeelding zal links geplaatst worden.

Voorbeeld:
Tekst naast de pijl.

De code:
<img src="vink.gif" align="top">
Tekst naast de pijl.<br>

De tekst wordt door het "top" attribuut op gelijke hoogte gesteld met de bovenkant van de afbeelding. Daarnaast kun je ook middle of bottom zetten als waarde. Deze waarden bepalen de positie van de tekst bij de afbeelding. De waarden left en right bepalen de positie van de afbeelding. Let goed op dit onderscheid.

In de praktijk zul je voornamelijk gebruik maken van left en right als attribuut voor de image tag en <br clear=all> om de tekst onder de afbeelding verder te laten gaan.