Le web, c'est une histoire de liens...
Il est donc possible d'implémenter sur une page html de nombreux liens vers des repères internes de la page, vers d'autres pages du site ou vers des pages externes... Un lien cliqué peut ouvrir un document PDF, un fichier Word, une image JPG,... Un lien peut également pointer vers une adresse de messagerie.
La balise de lien, comme indiqué dans le précédent chapitre, est :
<A HREF="#le lien">zone sensible</a>
Tout ce qui est dans la 'zone sensible' est concerné directement par le lien...
--------------------------------------------------------------------------------------------
Liens internes :
Un lien interne est utilisé lorsque la hauteur (le déroulement) de votre page est plus grande que celle de l'écran. Pour créer un lien interne, il faut au préalable placer un ancrage dans le document (à l'endroit où vous désirez aller sur la page).
<A NAME="#nom_ancre"></A> (= l'ancre)
Pour aller vers l'ancre, il suffit d'écrire à un autre endroit de la page:
<A HREF="#nom_ancre">Lien vers ancre</A>
--------------------------------------------------------------------------------------------
Liens externes :
Pour aller vers une autre page dans le même répertoire:
<A HREF="index.html" target="_self"><B>Lien vers la page d'accueil</B></A>
- l'attribut target="_self" permet d'aller sur la même page
- l'attribut target="_blank" ou "_new" vers une nouvelle page
- target="nom_du_frame" vers un autre frame (voir chapitre : Les frames)
Résultat :
Lien vers la page d'accueil
--------------------------------------------------------------------------------------------
Liens vers un fichier dans le même site :
<A HREF="/images/tigrou.jpg" target= "_blank">Lien vers l'image tigrou.jpg</A>
Résultat :
Lien vers l'image tigrou.jpg
--------------------------------------------------------------------------------------------
Liens vers un autre site web ou une adresse e-mail :
Exemple www :
<A HREF="http://www.guycuvelier.net" target="_blank" >Le site web de l'auteur</A>
Résultat :
Le site web de l'auteur
Les liens extérieurs peuvent être du WWW ( http:// ), FTP ( ftp:// ), adresse électronique ( mailto: suivi de l'adresse e-mail ),...
Exemple mailto :
<A HREF="mailto:[email protected]"><B>Adresse e-mail de l'auteur</B></A>
Résultat :
Envoyez-moi un e-mail
--------------------------------------------------------------------------------------------
Modifier l'apparence des liens sur toute la page html :
Il est possible de modifier ou de donner de l'effet (survol) à tous les liens d'une page html en incorporant la balise <STYLE> dans la partie <HEAD> du document html.
Exemple :
<STYLE>
A:LINK { color: #000000; text-decoration: underline }
A:VISITED { color: #000000; text-decoration: none }
A:HOVER { color: #ffffff; text-decoration: none }
</STYLE>
Dans cet exemple, les liens apparaitront en noir soulignés, au survol ils se transformeront en blanc et après avoir été visités, ils resteront en noir, mais non soulignés.
La balise de lien, comme indiqué dans le précédent chapitre, est :
<A HREF="#le lien">zone sensible</a>
Tout ce qui est dans la 'zone sensible' est concerné directement par le lien...
--------------------------------------------------------------------------------------------
Liens internes :
Un lien interne est utilisé lorsque la hauteur (le déroulement) de votre page est plus grande que celle de l'écran. Pour créer un lien interne, il faut au préalable placer un ancrage dans le document (à l'endroit où vous désirez aller sur la page).
<A NAME="#nom_ancre"></A> (= l'ancre)
Pour aller vers l'ancre, il suffit d'écrire à un autre endroit de la page:
<A HREF="#nom_ancre">Lien vers ancre</A>
--------------------------------------------------------------------------------------------
Liens externes :
Pour aller vers une autre page dans le même répertoire:
<A HREF="index.html" target="_self"><B>Lien vers la page d'accueil</B></A>
- l'attribut target="_self" permet d'aller sur la même page
- l'attribut target="_blank" ou "_new" vers une nouvelle page
- target="nom_du_frame" vers un autre frame (voir chapitre : Les frames)
Résultat :
Lien vers la page d'accueil
--------------------------------------------------------------------------------------------
Liens vers un fichier dans le même site :
<A HREF="/images/tigrou.jpg" target= "_blank">Lien vers l'image tigrou.jpg</A>
Résultat :
Lien vers l'image tigrou.jpg
--------------------------------------------------------------------------------------------
Liens vers un autre site web ou une adresse e-mail :
Exemple www :
<A HREF="http://www.guycuvelier.net" target="_blank" >Le site web de l'auteur</A>
Résultat :
Le site web de l'auteur
Les liens extérieurs peuvent être du WWW ( http:// ), FTP ( ftp:// ), adresse électronique ( mailto: suivi de l'adresse e-mail ),...
Exemple mailto :
<A HREF="mailto:[email protected]"><B>Adresse e-mail de l'auteur</B></A>
Résultat :
Envoyez-moi un e-mail
--------------------------------------------------------------------------------------------
Modifier l'apparence des liens sur toute la page html :
Il est possible de modifier ou de donner de l'effet (survol) à tous les liens d'une page html en incorporant la balise <STYLE> dans la partie <HEAD> du document html.
Exemple :
<STYLE>
A:LINK { color: #000000; text-decoration: underline }
A:VISITED { color: #000000; text-decoration: none }
A:HOVER { color: #ffffff; text-decoration: none }
</STYLE>
Dans cet exemple, les liens apparaitront en noir soulignés, au survol ils se transformeront en blanc et après avoir été visités, ils resteront en noir, mais non soulignés.