Les Images

Invité

Incorporer une image sur votre site web ...

<IMG SRC="?"> Ajouter une image à votre page
Règle : code: <img src=" j1.gif" ALIGN=LEFT>

--------------------------------------------------------------------------------

Définir un cadre à une image :
<IMG SRC="?"> Image avec border
Règle : <img src=" j1.gif">

--------------------------------------------------------------------------------

Une image dans une ligne texte :
<IMG SRC="?"> Ajouter une image dans une ligne texte
Règle : <img src="constr.gif" ALIGN=BOTTOM ou TOP ou MIDDLE>

--------------------------------------------------------------------------------

Un texte entre des images :
<IMG SRC="?"> des images dans une ligne texte
Règle : <img src="constr.gif" ALIGN=middle HSPACE=5>
code HTML :
votre texte <img src="constr.gif" ALIGN=middle HSPACE=5> votre texte <img src="constr.gif" ALIGN=middle HSPACE=5> votre texte <img src="constr.gif" ALIGN=middle HSPACE=5> votre texte.

--------------------------------------------------------------------------------

<IMG SRC="?"> Ajouter un texte à droite de l'image
Règle : <img src=" j1.gif" ALIGN=LEFT HSPACE=4>
<IMG SRC="?"> Ajouter un texte à gauche de l'image
Règle : <img src=" j1.gif" ALIGN=RIGHT HSPACE=4>

--------------------------------------------------------------------------------

Pour forcer une rupture de ligne texte sous une image :
<BR CLEAR="all"> début de ligne

--------------------------------------------------------------------------------

Agrandissement et réduction d'une image :
<IMG SRC="?" WIDTH=?> Ajouter une image à votre page
Règle : <img src=" j1.gif" WIDTH=? ou HEIGHT=?>
Exemple : WIDTH=41 HEIGHT=56

Exemple : WIDTH=83 HEIGHT=112

Exemple : WIDTH=166 HEIGHT=224

--------------------------------------------------------------------------------

Option de basse ou haute résolution pour une image :
Il est possible de spécifier l'affichage en deux temps d'une image, dans un premier temps le navigateur affiche une image basse résolution puis une deuxième image en haute résolution, ce qui permet aux visiteurs de découvrir rapidement ce que la page finale sera.
Il est possible de combiner une image en basse résolution au format GIF et la deuxième image au format JPEG ou vise versa, petit conseil choisir des images de même dimension pour un gain de temps en chargement par le navigateur avec les attributs "width et height".
Règle : <img lowsrc="basserésolution.gif" src="hauterésolution.gif" WIDTH=? ou HEIGHT=?>

--------------------------------------------------------------------------------

Rappel des attributs pour le code Image <IMG SRC="NOM_de_image.GIF">

<IMG SRC ALIGN= left , right, top, texttop, middle, absmiddle, basemiddle, bottom, absbottom >
<IMG SRC Border=valeur > image avec et sans cadre autour de l'image
<IMG SRC VSPACE=valeur > Hauteur en pixel qui sera donnée en haut et en bas de l'image
<IMG SRC HSPACE=valeur > Hauteur en pixel qui sera donnée à gauche et à droite de l'image
<IMG SRC ALT="Nom de l'image" > Le texte remplace l'image quand celle-ci ne peut être affichée
<IMG SRC WIDTH=valeur> Taille en pixel de la largeur de l'image
<IMG SRC HEIGHT=valeur > Taille en pixel de la Hauteur de l'image
<IMG SRC LOWSRC > Image de faible résolution qui sera chargée en premier avant l'image finale spécifée dans le code SRC.
<IMG SRC ISMAP > ImageMap/ismap/ (voir chapitre ImageMap).

» compte a rebours en images