 |
|
 |
| |
Présentation de la Rubrique :
"HTML débutant - La Balise Image et ses attributs"
Sur cette page, nous avons regroupé pour vous la balise image et ses différents attributs afin de vous faciliter les choses lorsque vous codez vos pages HTML manuellement.
Vous y trouverez le nom de la balise ou de l'attribut ainsi qu'une petite description pour vous informer des bonnes conditions d'utilisation. En effet, certaines balises sont "orphelines", c'est à dire qu'elles ne possèdent pas de balise terminale; pour d'autres, l'utilisation de la balise terminale est tout simplement optionnelle.
PETIT RAPPEL CONCERNANT LES BALISES HTML :
Les balises distinguent les documents ordinaires des documents HTML. Une balise est un mot clé enfermé entre deux chevrons < et >. La grande majorité des balises vont par paire, une au début (c'est la balise initiale) et une autre à la fin (balise terminale). Dans la balise terminale le mot clé est toujours précédé par un slash "/".
Si vous avez des doutes, des suggestions ou des questions concernant cette rubrique, n’hésitez pas à les poser sur le "forum Outils du Webmaster".
|
La Balise Image
|
| Nom de la balise
|
Description de la balise
|
| "img"
|
Insertion d'une image. Cette balise ne possède pas de balise terminale.
|
| Exemple basique :
<![CDATA[<img src="http://liendevotreimage.jpg" align="center" width="10"
height="10" border="0" alt="titre de votre image">]]>
|
|
Les Attributs de la balise IMG
|
| Nom de l'attribut
|
Description de l'attribut
|
| "src"
|
Indique la source de l'image (son url).
|
Exemple :
Voir l'exemple basique de la balise "img" ci-dessus.
|
| "alt"
|
C'est le titre de l'image. C'est aussi le texte de remplacement si l'image n'apparaît pas pour une raison ou pour une autre.
|
Exemple :
Voir l'exemple basique de la balise "img" ci-dessus.
|
| "align"
|
Désigne la position souhaitée de l'image sur votre fichier HTML. Les valeurs possibles sont : right, left, center, bottom, middle ou top.
|
Exemple :
Voir l'exemple basique de la balise "img" ci-dessus.
|
| "border"
|
Largeur de la bordure entourant votre image. Les valeurs sont désignés en pixels.
|
Exemple :
Voir l'exemple basique de la balise "img" ci-dessus.
|
| "hspace"
|
Désigne la largeur de l'espace vierge à insérer à droite et à gauche de votre image. Les valeurs sont désignés en pixels. Son usage est plutôt déconseillé.
|
| "vspace"
|
Désigne la hauteur de l'espace vierge à insérer au-dessous et au-dessus de votre image. Les valeurs sont désignés en pixels. Son usage est plutôt déconseillé.
|
| "width"
|
Indique la largeur de votre image. Les valeurs sont désignés en pixels.
|
Exemple :
Voir l'exemple basique de la balise "img" ci-dessus.
|
| "height"
|
Indique la hauteur de votre image. Les valeurs sont désignés en pixels.
|
Exemple :
Voir l'exemple basique de la balise "img" ci-dessus.
|
|
Les Formats Multimédias utilisés sur Internet
|
| Nom du format
|
Description du format
|
| "gif"
|
Graphics Interchange Format. C'est un format d'image compressé créé par CompuServe, il est supporté par la plupart des plates-formes et permet de créer des images entrelacées.
|
| "jpeg" ou "jpg"
|
Joint Photographic Experts Group. C'est un format d'image encore plus compressé que le format "gif" mais avec une petie perte d'informations; il est recoonu et supporté par la plupart des plates-formes.
|
| "pdf"
|
Portable Document Format. C'est un format d'image créé par Adobe pour les documents multiplates-formes. Il permet de représenter des documents assez complexes. Acrobat est logiciel de lecture.
|
|
|
|
|
|
|
