Actualité Apprendre le XHTML
Insérer des images - Lu 768 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 XHTMLDéfinition XHTMLLe 18/04/2008 - Vue 1401 fois 4 parties principales et essentielles ! Le 18/04/2008 - Vue 729 fois Les formulaires Le 18/04/2008 - Vue 783 fois Des logiciels ? Le 18/04/2008 - Vue 836 fois Lexique CSS Le 18/04/2008 - Vue 3013 fois |
Apprendre le XHTML à lire !
• Les balises et attributs • Les Commentaires • Les balises block et inline • Des logiciels ? • Faire des liens entre les pages • Les listes • Le corps du document • Les formulaires • Enregistrer vos pages web et faites-les • Définition XHTML • Insérer des images • Qu'est ce qu'un Site Web • Lexique CSS • Les tableaux • 4 parties principales et essentielles ! |