Comment faire un Lien HTML sur une image ou une photo ?-

Comment mettre un code html pour faire lien vers un article,

ou une page web ? .Avec le code html suivant:
<a href="Adresse URL de la page web" ><img src="Adresse URL

de la photo ou de l'image" /></a>
Comment créer une image cliquable en HTML ?:Tutoriel pour apprendre

à insérer un lien sur une photo ou une image numérique/Web 3.0 2012.
Le code HTML permettant l'insertion de liens (en html) sur des photos ,

et des images.Comment créer un lien html sur une photo ou une image ?.
Comment créer un lien hypertexte sur une image ou une photo numérique ?.
Comment mettre un lien sur une image ou une photo ?,comment créer des

liens vers différentes pages en langage html ?......
Comment faire pour utiliser une image ou une photo comme lien vers une

page web ou un article ?.Mettre un lien html/url lorsque l'on clique sur une

photo ou une image au format :jpeg,png,....,ou au format bitmap,...tous

types de formats pour images et photos numériques).

*******************************************************************************

• Créer un Lien HTML sur une Image ou une Photo :

 1).Première Etape :Enregistrer une l'image ou la photo

sur un site d'hébergement gratuit.

 Sur Overblog,il est possible d'enregistrer et de stocker gratuitement

des milliers d'images et de photos numériques ,exemple :

*

Cette photo a le nom de fichier suivant :Photo-Lien-A.

Et elle est au format .png

Elle est stockée/hébergée gratuitement sur Overblog,

elle a donc l'adresse URL suivante :

http://img.over-blog.com/300x277/3/69/99/54/8/-Photo-Lien-A.png

*

*

*********************************************************************************

 2).Deuxième Etape :Entrer le code pour créer un lien

hypertexte sur l' image/photo.

Ce code HTML permet de mettre un lien dans une image ou une photo
(mettre un lien url/html dans une photo permet d'attirer et de gagner
de nombreux visiteurs.HTML :HyperText Markup Language).

Code HTML pour mettre un Lien sur une photo/image :

• <a href="URL du lien de destination" ><img src="URL de la photo" /></a>

Où:

<a> :c'est la balise d'ouverture du code HTML.
href :c'est l'attribut qui permet d'indiquer l'adresse url d'une page web.

URL du lien :C'est l'adresse URL/Web destination/cible.

URL de la photo :C'est l'adresse URL/Web où la

photo/ou l'image est hébergée/stockée (en format

photo/image numérique :.jpeg,.png,....).

*

Exemple :

URL du lien /article web :http://www.web3u2free.com/article-articles-les-plus-

lus-en-2011-et-2012-logiciels-et-jeux-gratuits-95241339.html

URL de la photo :http://img.over-blog.com/300x277/3/69/99/54/

8/Photo-Lien-A.png

 Ce qui donne (pour cet exemple) le code HTML suivant :

<a href="http://www.web3u2free.com/article-articles-les-plus-lus-en-2011-et-2012-
logiciels-et-jeux-gratuits-95241339.html" ><img src="http://img.over-blog.com/300
x277/3/69/99/54/8/Photo-Lien-A.png" /></a>

Il suffit de "copier/coller" ce code HTML,et cela donne au final un lien

url sur la photo/image :

*

(cliquer sur cette photo/image ;-).

****************************************************************************************** 

• 3).Mettre une Info-Bulle sur l'image contentant un lien URL :

Voici le code HTML pour mettre une info bulle sur la photo/

image/lien URL que l'on vient de créer :
*
<a href="Adresse URL de destination "><img height="hhh" width="lll" src="Adresse URL de
l'image/photo qui sert à faire le lien vers la page web de destination"  title="Texte de
l'info bulle de l'image servant de lien URL de destination" /></a>
*
height :c'est la hauteur de la photo/image utilisée (en pixels).
width :c'est la largeur de la photo/image utilisée (en pixels).
Adresse URL de destination :destination du lien URL.
Adresse URL de l'image/photo qui sert à faire le lien :URL de

l'image/photo utilisée pour faire le lien vers la page web de

destination.
*
Dans cet exemple :
height : 180 pixels.
width : 300 pixels.
Adresse URL de destination :http://www.web3u2free.com/article-articles-les-plus-

lus-en-2011-et-2012-logiciels-et-jeux-gratuits-95241339.html
Adresse URL de l'image/photo qui sert à faire le lien :http://img.over-blog.

com/300x277/3/69/99/54/8/Photo-Lien-A.png

Texte de l'Info-Bulle : Logiciels et Jeux Vidéo Gratuits en 2012 à

Télécharger-Best Download Freeware 2011-2012

*

Ce qui donne dans cet exemple,le code HTML suivant  à "copier/coller" : 

<a href="http://www.web3u2free.com/article-articles-les-plus-lus-en-
2011-et-2012-logiciels-et-jeux-gratuits-95241339.html "><img height
="180" width="300" src="http://img.over-blog.com/300x277/3/69/99/

54/8/Photo-Lien-A.png"  title=" Logiciels et Jeux Vidéo Gratuits en

2012 à Télécharger-Best Download Freeware 2011-2012 " /></a>

*

Résultat :passer la souris sur cette photo/

image pour voir l'Info-Bulle.

****************************************************************************************

• Autres Articles :

Le meilleur Antivirus Gratuit en 2011 et 2012-La sécurité PC

Les meilleurs Jeux Vidéo gratuits-PC et Flash Games-2010/2011/...

Les meilleurs Jeux Flash et PC gratuits en 2011 et 2012

*********************************************************************************

******************************************************************

*******************************************************