[HTML/CSS][TUTO] Créer un lien

Spixz

Spixz

This Is Us
Premium
Inscription
11 Décembre 2011
Messages
3 197
Réactions
848
Points
20 453
RGCoins
55
Bonjours à tous, dans ce tutoriel très bref, je vais vous expliquer comment créer un ou des lien(s) en HTML.


Voilà un exemple de lien qui renvoie vers un autre site :
Code: 
<a href="http://realityaming.fr">super site</a>
Ce qui donne :
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.


Dans un paragraphe ça donne ça :
Code: 
<p>Allez voir ce <a href="http://www.siteduzero.com">super site</a>, il est génial !</p>
Ce qui donne : Allez voir ce super site, il est génial !

En conclusion il faut juste remplacer "TTTT" par l'adresse du site ou de la page web voulu et XXX par le texte voulu sur le quelle il faudra cliquer.
<a href="
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
">XXX</a>

petit + Vous pouvez aussi faire un lien mais san texte en remplaçant juste "TTTT".

Pour un lien qui renvoie à une page de votre site il faut juste indiquer le nom de la page à laquelle vous voulez renvoyer et indiquer le des sous dossier si il y a.
exemple simple, dans le même dossier j'ai "index1.html" et "index2.html" si je veux renvoyer à index2 je met:
Code: 
<a href="http://index2.html">renvoi à index 2</a>

Si index 2 est placer dans le dossier "exemple", je met :
Code: 
<a href="exemple/index2.html">renvoi à index 2 dans le dossier exemple</a>

En bref, il faut juste retenir ce code :
Code: 
<a href="XXXX.com">XXXX</a>


Voilà pour ce premier tuto assez court, j'espère qu'il cous aidera. Sur ce bon codage :)
 
Une base du HTML, mais bien expliqué !
 
Tu aurais pu mettre toutes les propriétés qui vont avec la balise "a" et qui sont très utiles:


Propriété: href
Définition: URL du document cible ouvert lors du clic sur le lien
Valeurs: URL (
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
)


Propriété: rel
Définition: Détaille la relation existante entre le document courant et le document qui sera ouvert par le lien
Valeurs: alternate, author, bookmark, help, license, next, nofollow, noreferrer, prefetch, prevsearch, tag


Propriété: target
Définition: Indique dans quelle page s'ouvre le document (par défaut dans le document courant), si le paramètre vaut "_blank", la page s'ouvrira dans un nouvel onglet ou une nouvelle fenêtre.
Valeurs: _parent, _self, _top


Propriété: title
Définition: Texte affiché au survol du lien
Valeurs: "Texte"
 
J'ai oublier, merci pour ton post.
 
Dark_nevrozz a dit:
Bonjours à tous, dans ce tutoriel très bref, je vais vous expliquer comment créer un ou des lien(s) en HTML.


Voilà un exemple de lien qui renvoie vers un autre site :
Code: 
<a href="http://realityaming.fr">super site</a>
Ce qui donne :
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.


Dans un paragraphe ça donne ça :
Code: 
<p>Allez voir ce <a href="http://www.siteduzero.com">super site</a>, il est génial !</p>
Ce qui donne : Allez voir ce super site, il est génial !

En conclusion il faut juste remplacer "TTTT" par l'adresse du site ou de la page web voulu et XXX par le texte voulu sur le quelle il faudra cliquer.
<a href="
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
">XXX</a>

petit + Vous pouvez aussi faire un lien mais san texte en remplaçant juste "TTTT".

Pour un lien qui renvoie à une page de votre site il faut juste indiquer le nom de la page à laquelle vous voulez renvoyer et indiquer le des sous dossier si il y a.
exemple simple, dans le même dossier j'ai "index1.html" et "index2.html" si je veux renvoyer à index2 je met:
Code: 
<a href="http://index2.html">renvoi à index 2</a>

Si index 2 est placer dans le dossier "exemple", je met :
Code: 
<a href="exemple/index2.html">renvoi à index 2 dans le dossier exemple</a>

En bref, il faut juste retenir ce code :
Code: 
<a href="XXXX.com">XXXX</a>


Voilà pour ce premier tuto assez court, j'espère qu'il cous aidera. Sur ce bon codage :)
Cliquez pour agrandir...

THX CONTINUS MEC TU GERE
 
T'as oublié qu'on pouvez mettre un "target=_blank".

T'as aussi oublier dans le css le a:hover, a:visited etc.. comment changer la couleur, enlever la barre en dessous du lien avec text-decoration: none;

Mais sinon bon tuto pour ceux qui débute et qui n'y connaisse rien
 
Mdr autant leur dire d'aller ici
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
les tutos sont super claires et si tu dois faire un poste pour chaque balise mdr on est pas sorti
 
Keyper a dit:
Mdr autant leur dire d'aller ici
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
les tutos sont super claires et si tu dois faire un poste pour chaque balise mdr on est pas sorti
Cliquez pour agrandir...

J'avoue ^^, mais tout le monde à le droit de débuter hein :) toi aussi t'es passer par là ;)
 
Wopaz a dit:
J'avoue ^^, mais tout le monde à le droit de débuter hein :) toi aussi t'es passer par là ;)
Cliquez pour agrandir...
Ouai ouai je dis pas le contraire c super ce qu'il fait il prend du temps pour les aider et je renforce son poste en indiquant un lien pour ceux qui veulent en savoir plus ;)
 
Retour
Haut