Tutoriaux > HTML > Images

Images

LES IMAGES COMMENT CA MARCHE !!

 1^ère étape : Récupérer votre image et la déposer dans un répertoire appelé images ( Tant qu'a faire, autant faire quelque chose de propre). Moi, j'utiliserai celle-ci pour illustrer mes propos.

--->

 2^ème étape : Ce que l'on peut faire de plus simple avec une image c'est la déposer telle quelle dans votre document.
Là encore, on utilise ces fameuses balises. La séquence suivante vous permet d'afficher votre image.

Et vous avez ainsi l'image telle qu'elle est affichée plus haut. Pas très compliqué tout ça!!!

 3^ème étape : Les options ---> Les dimensions de l'image. Ceci ce fait avec les commandes height (pour la hauteur de l'image) et avec width (pour la longueur de cette dernière).

<img src="images/lenondevotreimage.gif" height="30"> vous affiche l'image avec une hauteur de 30 pixels

--->

Idem avec la longueur de l'image. <img src="images/lenondevotreimage.gif" width="100"> donne l'image avec 100 pixels de longueur.

--->

Il est à noter que l'ajustement de la deuxième dimension se fait automatiquement. Cependant, vous pouvez quand même mettre les 2 width et height, mais avec des risques de distorsion de l'image. <img src="images/lenondevotreimage.gif" height="200" width="30"> ne donne pas en effet quelque chose de très engageant.

 ---> Le cadre: Vous pouvez rajouter un cadre autour de l'image avec l'instruction BORDER.

<img src="images/lenondevotreimage.gif" border="10">

---->

C'est tout pour l'instant!!!!!