Actualité Apprendre le XHTML
Insérer des images - Lu 125 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 XHTMLLes navigateursLe 18/04/2008 - Vue 127 fois Les balises block et inline Le 18/04/2008 - Vue 132 fois Les Commentaires Le 18/04/2008 - Vue 150 fois Enregistrer vos pages web et faites-les valider ! Le 17/04/2008 - Vue 146 fois Définition XHTML Le 18/04/2008 - Vue 203 fois |
Apprendre le XHTML à lire !
• Faire des liens entre les pages • Insérer des images • Les tableaux • Qu'est ce qu'un Site Web • Définition XHTML • Enregistrer vos pages web et faites-les • 4 parties principales et essentielles ! • Lexique CSS • Le corps du document • Les formulaires • Les navigateurs • Les balises block et inline • Des logiciels ? • Les listes • Les Commentaires |