Podsumowanie 1 - Images 1.1 - a 1.2 - b 1.3 - c 1.4 - d 1.5 - e 1.6 - f 1.7 - g 1.8 - h

Images

a

---

---

---

b

Lorsque l'on clique sur l'image, elle s'agrandit et la légende s'affiche. Un nouveau clic sur l'image et la voilà revenue à sa position initiale. L'image se trouve à droite du texte à cause de l'option style="float:right". Pour interrompre le flux, penser à ajouter un br style="clear:right;" ! On peut aussi utiliser des tableaux pour placer le div où l'on veut.

Mon texte.

Le texte situé à coté de l'image.

Mon texte.

La même image sans couleur d'arrière plan, pour garder la transparence si elle existe. Les marges intérieures et extérieures sont de 10px au lieu de 5px.

Mon texte.

c

d

e

f

< img alt="img" src="?m=IM;v=/gwlogo.png" width="100" onmouseover="width=200" onmouseout="width=100" / >

g

h