Mots-clés : images, photo, lien extérieur, infobulle, Html, gourou

1) insérer une photo ou une image

<img src="adresse de l'image" />

Et on peut ausi ajouter des trucs plus compliqués comme :
<img vspace="5" hspace="0" border="0" align="right" src="adresse de l'image" /> pour que la photo soit intégrée à droite du texte (on remplace right par left pour qu'elle soit à gauche) avec un léger espacement vertical de 5 pixels par rapport au texte.

On peut aussi définir précisément la taille de l'image en ajoutant height="XXX" pour la hauteur et/ou width="XXX" pour la largeur.
<img height="150" src="adresse de l'image" />

2) insérer une photo ou une image faisant lien vers un autre site Internet

<a href="adresse du lien">

<img src="adresse de l'image" />

</a>

On peut ajouter target="_blank" pour que le lien s'ouvre, selon les navigateurs, dans une nouvelle fenêtre (pour les vieux navigateurs obsolètes) ou un nouvel onglet (pour les rusés renards).

<a target="_blank" href="adresse du lien">

<img src="adresse de l'image" />

</a>

3) insérer une photo ou une image faisant lien vers un autre site Internet et comportant une infobulle

<a title="texte de l'infobulle" href="adresse du lien">

<img src="adresse de l'image" />

</a>

4) insérer une photo ou une image ne faisant pas lien mais comportant une infobulle  

<a title="texte de l'infobulle">

<img src="adresse de l'image" />

</a>

Ajoutons que les points 2,3 et 4 marchent aussi bien pour du texte pour une image.

Ainsi, pour créer une infobulle sur le mot banane, pour donner par exemple au lecteur une explication sur le sens du mot "banane", il suffira d'utiliser le code suivant :


<a title="texte de l'infobulle">banane</a>

banane Ce qui nous donnera une infobulle dès que la souris se pose sur banane (oui je sais, il est assez rare qu'une souris se pose sur une banane mais c'est juste pour l'exemple) :


banane

D'autres articles sur des thèmes similaires :

• Y aurait-il un problème pour l'envoi d'image actuellement ? -- résolu - 13/07/07
• Comment insérer un logo sur le blog - 29/11/06
• Impossible d'attacher des images ou des liens pour mon blog -- résolu - 29/08/07
• Gros souci - 15/03/08
• Configurer les rubriques à l'aide du code source ? -- résolu - 29/02/08
• Accès à la balise head - 03/05/07
• Problème récent quand on poste une image!! -- résolu - 11/02/07
• Enlever une photo ? -- en cours - 19/08/07
• Modifier un fichier CSS externe appelé par mon blog. - 26/07/07
• Comment protéger ses images? - 09/05/07