-=I greg-seth I=-

	Home
	Les Autres Sites
	Apprendre le HTML
	L'Aguzou
	L'Islande
	Environs de Paris
	Paroles de chansons
	Goodies
	Liens
	Forum de discussion

Les Liens

Les liens hypertexte sont très importants, en effet ce sont eux qui lient les différentes pages entre elles. Dans le code ils sont matérialisés par la balise <a>, dont voici les attributs :

<a>

href=	"URL"	Adresse de la page à afficher.
name=	"nom"	Permet de définir une ancre (voir ci-après).
target=	"_blank" "_self" "_parent" "_top" "nom du cadre"	Cadre dans lequel doit s'afficher la page à ouvrir. _blank ouvre une nouvelle fenêtre, _self est la valeur par défaut, il s'agit du même cadre que celui dans lequel se trouve le lien, _parent renvbie à l'ensemble de cadres précédent et _top détruit l'ensemble de cadres. Vous pouvez aussi spécifier le nom d'un cadre. Voir section "cadres".

Les ancres permettent d'atteindre un endroit particulier dans un document. On l'atteint en ajoutant "#nom_de_l'ancre" après le lien de la page ou simplement "#nom_de_l'ancre" si le lien et l'ancre sont sur la même page. Exemple :

1.	<a name="ancre1"></a>
2.	...
3.	<a href="page de l'ancre.htm#ancre1>
4.	Atteindre l'ancre 1
5.	</a>

Liens absolus, liens relatifs.

Les liens absolus sont les URL du type : "http://www.greg-seth.fr.st/lehtml/liens.php", on peut taper ces adresses dans la barre d'adresse du navigateur, et on atteint la page souhaitée. Ils fonctionnent parfaitement avec la balise <a> mais on peut trouver fatigant voire inutile de retaper toute l'adresse après le href... et on a raison !!! Pour éviter cela on utilise les liens relatifs. Ceux-ci se définissent par rapport à la position de la page dans l'arborescence du site.
Allez, un fois n'est pas coutume, un petit exemple : prenons deux pages index.htm (à la racine du site) et page1.htm (placée dans le dossier fold1). Le lien relatif sur index.htm pointant sur page1.htm sera :

1.	<a href="fold1/page1.htm">Nom du lien relatif</a>

On sélectionne d'abord le dossier et ensuite la page à afficher. Maintenant celui sur page1.htm pointant sur index.htm:

1.	<a href="../page1.htm">Nom du lien relatif</a>

Le symbole ../ signifie qu'il faut remonter d'un niveau dans l'arborescence. Quand celle-ci est très importante on peut voir des liens relatifs de ce type :

1.	<a href="../../../fold2/page2.htm">Nom du lien relatif</a>

Liens vers une adresse e-mail.

La même balise est toujours utilisée ; seule la valeur de l'attribut href change. Il faut faire précéder l'adresse e-mail de mailto:

1.	<a href="mailto:webmaster@greg-seth.fr.st">Ecrivez-moi !</a>

Des paramètres peuvent être appliqués pour remplir automatiquement les champs de la boîte de dialogue d'envoi de courrier. Pour cela il faut ajouter après l'adresse e-mail un point d'interrogation '?' puis le nom du paramètre auquel on assigne une valeur avec le symbole égal '='. Les paramètres sont séparés pasrle symbole '&'. Les différents paramètres sont :

Paramètres du protocole mailto:

cc=
bcc=
subject=
body=

Copie conforme, entrer ici une autre adresse e-mail.
Copie conforme invisible, entrer ici une autre adresse e-mail.
Sujet du message.
Corps du message.

1.	<a href="mailto:webmaster@greg-seth.fr.st?subject=site&body=
2.	inscrivez vos commentaires ici">Ecrivez-moi !
3.	</a>

Suite de la leçon.