Actulia Actualité Apprendre le XHTML
Actualité Apprendre le XHTML
Actualité Apprendre le XHTML

Insérer des images - Lu 1272 fois


Pour 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 XHTML

4 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
Apprendre à faire les balises block et inline en xhtml On distingue 2 types

• Les Commentaires
Apprendre à faire les commentaires de page en xhtml Les commentaires sont d

• Insérer des images
Apprendre à Insérer des images en xhtml Pour agrémenter vos pages, rien de

• Le corps du document
Apprendre à réaliser le corps d'un document en xhtmlLe corps du document co

• Définition XHTML
Le XHTML ou Extensible HyperText Markup Language est un langage de balisage

• Les listes
Apprendre à faire une listes en xhtml Il existe 3 types principaux de liste

• Les navigateurs
Apprendre le xhtml pour les navigateurs Les navigateurs sont des logiciels

• Des logiciels ?
des logiciels Pour concevoir un site web en XHTML, vous pouvez utiliser log

• Qu'est ce qu'un Site Web
Un site web consiste en un ensemble de pages web reliées entre elles par de

• 4 parties principales et essentielles !
Apprendre à faire les parties principales et essentielles en xhtml Une page

• Lexique CSS
Les standards définissant CSS sont publiés par le World Wide Web Consortium

• Les tableaux
Apprendre à faire un tableaux en xhtml facilement.

• Les balises et attributs
Apprendre à faire les balises et attributs en xhtml Les balises et attribut

• Enregistrer vos pages web et faites-les
Validation de vos page internet norme w3c grace a une analyse faite de vos

• Faire des liens entre les pages
Apprendre à faire un lien en xhtml Les liens hypertexte sont des textes (ou