Les liens durs pour les nuls

E-commerce, site internet, blog, réseaux sociaux, référencement : comment utiliser le web pour booster votre business
Tzigane
Membre débutant
Membre débutant
Messages : 10
Inscription : 12 janv. 2010, 11:14

Les liens durs pour les nuls

Message par Tzigane » 26 janv. 2010, 11:59

Etant actuellement en plein apprentissage à la dur du code html et du référencement pour les débutant, je vais partager avec vous une astuce bien utile pour créer son lien en dur facilement.
<p><a href="http://www.monsite.fr" target="_blank"><img src="http://monimage" width="88" height="31" border="0" alt="montexte"></a></p>
Voici le code pour réaliser sa bannière, comment la personnaliser pour son site ?

Monsite : Ici, entrez simplement l'url du site cibler

Monimage : Ici, l'url de l'image qui va servir de lien, vous pouvez reprendre une image déja présente sur votre site. (Clic droit-> propriété -> adresse url)

Mon texte : Ici, vous pourrez indiquer le texte à afficher quand l'internaute passera la souris sur l'image.

N'hésitez pas si vous avez des questions ou problèmes ;)
0 x


Personnalisez vos cadeaux
Tee Shirt, mug, sac, sous verre etc. Nous réalisons pour vous l'impression de vos photos, images ou texte sur notre large gamme de support.

Objets publicitaires
Nous vous proposons une solution adaptée à vos projets

Steph
x 1

Re: Les liens durs pour les nuls

Message par Steph » 26 janv. 2010, 14:30

Bonjour Tzigane,

Merci pour cette participation.

Je vais juste me permettre deux remarques
  1. Concernant target="_blank" cette syntaxe est fonctionnel pour ouvrir un lien dans une nouvelle page, mais n'est pas valide xhtml pour cela il faut donc mieux utiliser onclick="window.open(this.href);return false;" à la place.
  2. Les balises width="" et height="" sont utiles pour déterminer manuellement la taille d'une image trop grande mais ne sont pas nécessaires dans la majorité des cas.
Pour résumer j'aurai écris ton code de cette façon
<p><a href="http://www.monsite.fr" onclick="window.open(this.href);return false;"><img src="http://monimage" border="0" alt="montexte"></a></p>
Les balises <p> et </p> servent à déterminer une nouvelle ligne pour l'affichage, la balise <br /> sert à faire un retour à la ligne.

@+
0 x

Tzigane
Membre débutant
Membre débutant
Messages : 10
Inscription : 12 janv. 2010, 11:14

Re: Les liens durs pour les nuls

Message par Tzigane » 26 janv. 2010, 16:45

Steph a écrit :Bonjour Tzigane,
  1. Concernant target="_blank" cette syntaxe est fonctionnel pour ouvrir un lien dans une nouvelle page, mais n'est pas valide xhtml pour cela il faut donc mieux utiliser onclick="window.open(this.href);return false;" à la place.
Pourrais tu en dire plus sur ce que cela apporte de plus ? Cela m'intéresse.
0 x
Personnalisez vos cadeaux
Tee Shirt, mug, sac, sous verre etc. Nous réalisons pour vous l'impression de vos photos, images ou texte sur notre large gamme de support.

Objets publicitaires
Nous vous proposons une solution adaptée à vos projets

Steph
x 1

Re: Les liens durs pour les nuls

Message par Steph » 26 janv. 2010, 18:02

Ben en fait onclick="window.open(this.href);return false;" n'apporte rien de plus par rapport à target="_blank", le premier est valide car il contourne la norme W3C, l'autre non.

target="_blank" est une manière d'imposer une certaine navigation aux visiteurs et ce n'est plus accepté par le W3C dans les versions strictes de HTML et XHTML
0 x

Répondre