Insérer une image - Cours XHTML
| Nom du cours: | Insérer une image |
| Auteur: | Guillaume |
| Catégorie: |
Posté dans la catégorie XHTML |
| Commentaire(s): |
suite... | 0 commentaire |
Le cours XHTML
Comment insérer simplement une image en XHTML
Nous alons utiliser la balise <img /> qui est une balise seule, donc obligatoirement fermée par />
Dans cette balise, plusieurs attributs sont disponiblent, citons les plus importants:
- SRC: Adresse de l'image, vous pouvez mettre un chemin relatif ou absolu (voir cours sur liens hypertexte)
- ALT: Comme SRC il doit être obligatoirement insérer, il sert de texte alternatif pour l'image, une toute petite description de l'image par exemple.
Un petit exemple d'insertion d'image:
<p>Voici mon chien en photo:<br /><img src="images/chien.jpg" alt="Mon chien" /></p> Vous pouvez remarquer une bulle d'aide sous Internet Explorer le navigateur de Microsoft que la majorité utilise car non connaissance de Mozilla Firefox. Ce n'est pas normal du tout, à la base l'attribut pour afficher une bulle d'aide se nome "title", IE interpréte l'attribut "alt" comme title...
Un autre attribut "title" est quant à lui facultatif, il permet d'afficher une bulle d'aide sur l'image, par exemple:
<p>Voici mon chien en photo:<br /><img src="images/chien.jpg" alt="Mon chien en photo" title="Mon chien en photo" /></p> Vous savez désormais insérer des images sur vos pages, maintenant, vous voulez faire une image qui sert de lien, rien de plus facile
Si vous n'avez aucune connaissance et vous ne savez pas faire de lien, reportez vous au cours ( Les liens hypertextes )
Exemple d'image qui sert de lien:
<p>Voici mon chien en photo: <br /> <a href="images/chien_grand.jpg" alt="Mon chien en grand" title="Mon chien en grand" /></a></p>
|
Accueil
Statut
