Suivre ce blog
Administration Créer mon blog
4 avril 2012 3 04 /04 /avril /2012 08:24

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

*

Mettre_Un_Lien_URL_sur_un_Photo_Image_Web-3_2012_HTML.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

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

Les meilleurs jeux flash et pc gratuits en 2011 et 2012

Les meilleurs Jeux Flash et PC gratuits en 2011 et 2012

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

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

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

Partager cet article

commentaires

thierrys76 29/12/2011

hello c'est une excellente astuce mais pas toujours facile à retenir, le mieux c'est de se servir de générateurs comme celui ci, hyper simple http://blogs.iciyatou.net/generateur.html

LADY MARIANNE 29/12/2011


bonsoir Ema !!
très interressant !! je vais copier dans mes documents !!
bonne continuation -  bisous !!

:0014: ♥ dom ♥ 30/12/2011


Ca, je sais faire !


Bonne fin de semaine.
Bisoux et merci.



nettoue 30/12/2011


J'ai du mal à me faire à ces trucs technique, mais bon j'essaie


Bises Ema

KDO 2011/ 2012/2013.... :

Moteur De Recherche :

Traduction :

"Dieu est mort" F. Nietzsche.

Liste D'articles

  • U2-Songs of Innocence-Téléchargement gratuit en 2014-2015.
    Le nouvel album rock-post-punk du groupe irlandais U2 en 2014. New album "Songs Of Innocence" released 9th September 2014. Téléchargement gratuit du nouvel album de U2 en 2014-2015. * * U2 "Songs of Innocence" :le nouvel album. Genres/Styles : Rock,post-punk,rock-alternatif,pop-rock,...
  • U2-Songs of Experience-Analyse et téléchargement-Videos
    U2 "Songs of Innocence" :Guide titre par titre du nouvel album du groupe rock U2.Téléchargement,détails et analyse de ce nouvel opus....etc... U2 "Songs of Experience" : Dans la foulée de la sortie de leur nouvel album "Songs of Innocence", le célèbre...
  • Télécharger gratuitement leur nouvel album-2014-2015.
    Télécharger gratuitement leur nouvel album-2014-2015 New Song from U2 ´s album "Songs of Innocence" 2014- Download it from iTune from their new album "Songs Of Innocence" released 9th September 2014. Télécharger gratuitement et légalement le nouvel album...
  • U2 "Cedarwood Road"-Clip and Live version 2014-2015.
    U2 "Cedarwood Road" : "Cedarwood Road" est un ecellent titre punk-rock extrait du nouvel album du groupe irlandais U2.Il est issu de leur nouvel opus:"Songs of Innocence" sortit le 9 septembre 2014-released 9th September 2014, (gratuitement pour plus...
  • U2 "Raised by Wolves"-Track Videos and Live version 2014.
    U2 "Raised by Wolves" : "Raised by Wolves" est un très bon morceau extrait de l'excellent nouvel album du groupe irlandais U2. Il est issu de leur nouvel opus:"Songs of Innocence", sortit (gratuitement ,merci Apple) le 9 septembre 2014-released 9th September...
  • U2 "Volcano"-Rock Video and Lives-2014-Miracle Tour 2015
    U2 "Volcano"-Rock video and lives-2014-Fire 2015. "Volcano" est un ecellent titre rock extrait du (surprenant) nouvel album du groupe irlandais U2.Il est issu de leur nouvel opus:"Songs of Innocence" sortit (gratuitement) le 9 septembre 2014-released...
  • U2-The Miracle (of Joey Ramone)-New Single Punk-Rock 2014
    U2-"The Miracle (of Joey Ramone)" : "The Miracle (of Joey Ramone)" est un ecellent titre rock/punk-rock du nouvel album du groupe irlandais U2 .Il est extrait de leur nouvel opus: "Songs of Innocence" sortit le 9 septembre 2014-released 9th September...
  • U2 "The Troubles"-featuring Lykke Li-Vidéo analyse et Live.
    U2 "The Troubles" (featuring Lykke Li) : "The Troubles" est un excellent titre extrait du nouvel album du groupe irlandais U2 .Il est issu de leur nouvel opus : "Songs of Innocence" sortit le 9 septembre 2014-released 9th September 2014. * * Que pensez-vous...
  • U2 "Iris (Hold Me Close)"-Magnificent emotion from Ireland
    U2 "Iris (Hold Me Close)" : "Iris (Hold Me Close)" est un ecellent titre extrait du surprenant nouvel album du groupe rock-post-punk irlandais U2.Il est issu de leur nouvel production musicale:"Songs of Innocence" sortit (100% gratuitement), le 9 septembre...
  • U2 "Sleep Like a Baby Tonight"-Analyse Clip et version Live
    U2 "Sleep Like a Baby Tonight"-New U2 2014-2015. "Sleep Like a Baby Tonight" est un ecellent titre extrait du magnifique nouvel album du groupe irlandais U2. Il est issu de leur nouvel opus:"Songs of Innocence" sortit (à la suprise générale) le 9 septembre...

Articles les plus lus en 2011/12:

Le meilleur antivirus gratuit en 2011 et 2012-la sécurité pc
Tantra et plaisirs infinis des massages-vidéos et techniques
Les meilleurs jeux vidéo gratuits-pc et flash games-2011-2012
The fly is an "acrobat"-le meilleur du cyberpunk u2 web 3.0
Application android:le meilleur antivirus gratuit en 2011-2012
Le meilleur navigateur en 2012 sous windows-apple-web 3.0

Flux Web3u2free / S'abonner

http://labs.ebuzzing.fr

Liens/links 2011/2012

Web3u2free/Visites/2012 :

 


  Il y a actuellement    personnes connectées sur OverBlog dont     sur ce blog