Le Forum -Services Onlines
https://forum.services-onlines.com/

Les entités HTML ?! (les liens hypertextes)
https://forum.services-onlines.com/viewtopic.php?f=10&t=23
Page 1 sur 1

Auteur:  Sabrinal [ 10 Jan, 15:44 ]
Sujet du message:  Les entités HTML ?! (les liens hypertextes)

Les liens hypertextes ?!


Les liens hypertextes appelés aussi ancrages sont des éléments d'une page HTML (soulignés lorsqu'il s'agit de texte) permettant aux internautes de naviguer vers une nouvelle adresse lorsque l'on clique dessus.
Ce sont les liens hypertextes qui permettent de lier des pages Web entre elles.
Ils permettent notamment de naviguer :


Lien externe (par URL absolue)
Un lien externe est un lien vers une page pointée par son URL.

Exemple :

<a href="http://mailsdistrib.services-onlines.com"> Mails Distrib </a>
donnera
ATTENTION si vous cliquez sur ce lien vous fermerez cette page.
Mails Distrib


Astuce:
En ajoutant " target="_blank" entre le <a et le href ou après extension votre lien s'ouvrira dans une nouvelle fenêtre ou onglet en fonction des navigateurs.

Le code est à utiliser avec modération et seulement si vous voulez présentez un autre site ou page à votre visiteur sans qu'il quitte le (la) premier(e).
Une utilisation abusive de ce code pourrait faire fuir vos visiteurs.

<a target="_blank" href="http://mailsdistrib.services-onlines.com">Mails Distrib</a>
ou
<a href="http://mailsdistrib.services-onlines.com" target="_blank">Mails Distrib</a>
donnera
Mails Distrib


Lien local (par URL relative)
On peut créer un lien vers une page située sur le même domaine en remplaçant l'URL par la page cible.

Ce lien peut être fait de façon relative, en repérant la page cible par rapport au domaine.
Si la page cible est "index.html" situé dans le répertoire parent (domaine), son lien s'écrira:

<a target="_blank" href="./index.php"> Mails Distrib </a>
et donnera
Mails Distrib


Et pour afficher une bannière.

Voici le code que vous utilisé habituellement pour une bannière, avec les adresses entières du lien et de l'image.

<a href="http://mailsdistrib.services-onlines.com/?p=3" target="_blank"><img src="http://mailsdistrib.services-onlines.com/ressources/images/emailing88x31.jpg" alt="Mails distrib" border="0"></a>

On va remplacer l'url du domaine par ".(1 point)", cela aura l'effet d'alléger votre code.

<a href="./?p=3" target="_blank"><img src="./ressources/images/emailing88x31.jpg" alt="Mails distrib" border="0"></a>
Cela donnera
Image


Les signets
Il est également possible de créer un signet dans une page, c'est-à-dire marquer un endroit précis d'une page pour s'y rendre par un lien hypertexte.

Les signets se définissent grâce à l'attribut NAME. La syntaxe est la suivante :

<a name="signet"> ... </a>
L'appel d'un signet se fait de la manière suivante :
<a href="#signet"> ... </a>

Il est ainsi possible de permettre à l'utilisateur de se déplacer au sein d'une même page ou bien d'accéder à une section particulière d'une autre page :

<a href="./index.php#signet" target="_blank">Pack Médian</a>
donnera
Pack Médian


Balise <base>
Dans les E-mails, pour afficher les liens, il faut utiliser les liens externes. Cependant, la taille du message est souvent limitée.

Alors comment gagner de la place ?
En utilisant la balise <base>. En mettant cette balise dans entre les balises <head> et </head> :

<base href="http://mailsdistrib.services-onlines.com">

Tous les liens à l'intérieur de l'E-mail contiendront ce domaine, vous pouvez donc juste faire un lien relatif comme ci-dessous :

<a href="index.php">

Et ce lien pointera vers : http://mailsdistrib.services-onlines.com/index.php. Pratique pour économiser l'écriture des noms de domaines.

Vous retrouverez ces explications sur le site dans la catégorie "astuces".
Cliquez ici pour accéder au site.

Page 1 sur 1 Les heures sont au format UTC + 1 heure
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/