Actualité Apprendre le XHTML
Insérer des images - Lu 1272 foisPour agrémenter vos pages, rien de tel que les images. Vous allez voir que cela est encore une fois relativement simple. Pour insérer une image il faut utiliser la balise <img />. Il s’agit d’une balise unique, cela est logique si vous avez bien compris la différence entre une balise double qui concerne un texte et une balise unique qui remplit une fonction à elle seule. Cette balise doit avoir 2 attributs obligatoires : l’attribut src (qui indique la source de l’image c’est-à-dire le lien où on peut la trouver) et l’attribut alt (qui indique l’alternative à l’image c’est-à-dire un texte qui remplacera l’image si celle-ci ne peut pas être affichée). Selon les recommandations du W3C, l’attribut alt doit offrir une description précise de l’image. Cela donne le code : <img src="images/chat.jpg" alt="Photo d’un chat gris et blanc en train de dormir dans un panier en osier" />. L’attribut title peut par ailleurs être ajouté à la balise <img />. Comme pour les liens hypertextes (souvenez-vous la balise <a>), l’attribut title permet d’afficher une info-bulle au survol de la souris. Ensuite, vous pouvez rendre cette image cliquable et faire en sorte qu’elle renvoie vers une autre page par exemple. Pour cela, il suffit d’encadrer cette balise <img /> par la balise <a> comme on vous l’a expliqué précédemment. Exemple : <a href="http://www.lesitepersodemonpetitchaton.com"><img src="images/chat.jpg" alt="Photo d’un chat gris et blanc en train de dormir dans un panier en osier" /></a>. Notez qu’un cadre s’affichera autour de votre image du fait que vous lui avez octroyé un lien. Celui-ci peut être supprimé à partir du fichier css. Insérer des images Buzz de Junior Autres Buzz Actualités Apprendre le XHTML4 parties principales et essentielles !Le 18/04/2008 - Vue 1280 fois Les tableaux Le 18/04/2008 - Vue 1298 fois Faire des liens entre les pages Le 18/04/2008 - Vue 2157 fois Des logiciels ? Le 18/04/2008 - Vue 1393 fois Le corps du document Le 18/04/2008 - Vue 1381 fois |
Apprendre le XHTML à lire !
• Les balises block et inline • Les Commentaires • Insérer des images • Le corps du document • Définition XHTML • Les listes • Les navigateurs • Des logiciels ? • Qu'est ce qu'un Site Web • 4 parties principales et essentielles ! • Lexique CSS • Les tableaux • Les balises et attributs • Enregistrer vos pages web et faites-les • Faire des liens entre les pages |