Accueil
Tutoriels
  Préface Preface
 Créer son site Créer son site
 Tutoriaux Tutoriaux (163)
 Les 20 meilleurs cours TOP 20
 Astuces Astuces

 HTML HTML
 XHTML XHTML
 PHP/MySQL PHP/MySQL
 Javascript Javascript
 CSS CSS menu
 Photoshop Photoshop
 Flash Flash
 Swish Swish
Recherche :
 
autres
  Accueil Accueil

 Forum FORUM
 New Yoric News YoRiC
 Livre d'or Livre d'or
 Statistiques Statistiques
 Humour ++++

 Plan du site Plan du site
 Bannières Bannières
 Contacts Contacts
  

XHTML Les liens
> > > > Posez une question dans le Forum ! < < < <
Insérer un tutorial !



Liens relatifs ou liens absolus ???

Il existe deux types de liens : les liens relatifs et les liens absolus

Liens relatifs

Un lien relatif est un lien dont le chemin part du répertoire courant.
Exemple : vous avez à la racine de votre site un fichier (fichier1.html) et un dossier (mondossier) contenant un fichier (fichier2.html). Sur la page courante, imaginons que vous êtes à la racine du site. Si vous voulez faire un lien vers fichier2.html il suffira d'écrire :
mondossier/fichier2.html.

Liens absolus

Un lien absolu est un lien dont on précise entièrement le chemin. Il permet entre autres de faire des liens vers d'autres sites.
exemple: http://www.yo-ric.com/mondossier/fichier2.html.

Faire un lien !!

La balise de lien est <a>(vous allez reussir à la retenir ??? ;)), elle prend l'attribut href ou l'on met l'adresse relatif/absolu du lien.

Voici un lien relatif :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title> titre </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<a href="fichier2.htm">allez vers fichier2 ! </a>
</body>
</html>

Voci un lien absolu :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title> titre </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<a href="http://www.yo-ric.com">Un super site</a>
</body>
</html>

Ce qui il y a entre <a>et </a> c'est le texte sur lequel va apparaitre le lien.

Une petite bulle d'aide

Pour afficher une bulle où il y aura une petite description de la page cible, il suffit de rajouter l'attribut title et à l'interieur le texte de la bulle !

Un lien pour envoyer un mail

C'est très facile, rassurez-vous !! il suffit d'ecrire le lien normalement et au href ecrire : mailto:votre_adresse@free.fr (j'ai dit free mais ça peux bien sur être wanadoo, hotmail...)

Les ancres

Imaginez : Vous avez un très long article divisé en pusieurs parties (par exemple: dans l'ordre actu, sport, informatique) et vous aimeriez aller directement à la partie informatique sans utliser la roulette ou les fleches.
C'est ce probleme que permet de résoudre les ancres

Faire une ancre

Pour faire une ancre il faut d'abord déterminer où l'utilisateur doit aller.
Pour cela il faut utiliser n'importe quelle balise par exemple : <h2> et mettre l'attribut id suivit du nom de l'ancre.

Exemple : <h2 id="informatique">

Et pour faire le lien vers une ancre on utilise toujours la balise <a> mais dans l'attribut href on ecrira le nom de l'ancre, precedé par un diese(#).
cela donnera donc : <a href="#informatique">allez vers la partie informatique</a>

Une ancre vers une autre page

Pour cela rien de plus simple vous ecrivez normalement votre lien et après l'extension, placez le diese et le nom de l'ancre.
Par exemple : <a href="mondossier/monfichier.html#informatique">mon lien</a>

Ecrit par : nicokiller, lu 5112 fois Aucun commentaire commentaire
précédent imprimer

Temps d'exécution : 0.06007 sec
 
personnes en ligne
 20 connectés
membres

Mémoriser ?



liens
noir
Beocia

partenaires :
PSDMag

PHP Splutions

www.joliespages.com

Tous droits réservés à yo-ric 2002 - 2007