Creation d'un lien hypertexte:

1. Création d’un lien :

<p>Bonjour et <a href="humour.htm">bienvenue</a> sur mon site</P> Comme vous le voyez il suffit de marquer cette phrase en gras pour que le lien soit actif , vous remarquez que seul le mot bienvenue est devenue un lien .

Nota : Lorsque vous créez une ancre cela vous permet de naviguer à l'intérieur d'une page ,voir le tableau ci-dessous .

Quelques exemples concernant les renvois de liens hypertextes :

Liens vers :	Exemple :		Résultat :
Un passage cible dans le fichier actuel	<le <a name="objectif" est 1</a> <a href="#objectif"> # Ce symbole signifie que un lien inter-page ou le nom ANCRE		Conduit au passage objectif au sein du même fichier .
Un autre fichier	<a href="données.htm">		Ouvre le fichier"données.htm" Il doit être présent dans le même dossier que celui du fichier original .
Une adresse WWW	<a href="http://www.microapp.com/index.htm>		Cherche et charge le fichier HTML désigné par l'adresse WWW .
Une adresse e-mail	<a href="mailto:objectif@abc.fr">		Ouvre l'éditeur de courrier électronique , ajoute l'adresse "objectif@abc.fr" . Il ne vous reste plus qu'a saisir le texte de votre choix .
Un fichier en Téléchargement		<a href="zip\recup.zip">	Cherche le fichier dans le dossier actuel et propose au lecteur de l'enregistrer sur son ordinateur .
Un serveur FTP		<a href="ftp://ftp.unisparis.fr/">	Cherche un service FTP à l'adresse indiquée .

 

2. Pour cibler un lien :

Dans l’en-tête (HEAD) de votre page Web, tapez <BASE

Tapez TARGET=titre, titre étant le nom de la fenêtre ou du frame où devront s’ouvrir par défaut tous les liens de la page .



Mais vous pouvez lui indiquez , d’autre termes telle que : DROITE - GAUCHE - _blank(signifiant une nouvelle page)

3. Associer un raccourci - clavier à un lien :

A l'intérieur de la balise du lien ,tapez ACCESSKEY=".

Example : <a href="cesar.htm" accesskey=c>cesar</a>

 

4. Pour définir l’ordre Des tabulations :

Dans la balise du lien, tapez TABINDEX = n, n correspond au nombre qui définit la succession des tabulations .

TABINDEX peut prendre n’importe quelle valeur entre 0 et 32767 .

 

5. Etiqueter un lien avec une image :

Exemple : <a href="nom.htm"><img src="nom.jpg" alt="nom de l'image"></a>

Lorsque votre souris touche une image, sans cliquez dessus, une bulle jaune apparaît expliquant la description de l’image .

Voici un exemple




6. Créer une imagemap côté client :

<map name="nom de la carte">

<area shape="rect" coords="395,18,445,35" href="nom.htm">

Description de tous ces termes :

1. Name : Etiquette correspond au nom de la mappe
2. Area : Afin de définir la première zone cliquable
3. Shape="type" : Représentant la forme de la zone . Entrez rect pour un rectangle , circle pour un cercle ou poly pour une forme irrégulière .
4. Usemap="#etiquette" Correspond au nom de la map
5. Coords : Coordonnées :
• Rect :(x1,y1,x2,y2) : Correspond aux coins supérieur gauche et inférieur droit du quadrilatère .
• Circle :(x,y,r) : x,y et r indiquant le centre de la figure , et r , son rayon .
• Poly :(x1,y1,x2,y2......) : x et y correspondant à chaque fois aux coordonnées des différents points de la figure .

 

Voici un exemple



Voici le code source


7. Pour changer la couleur des liens :

Placez le curseur dans la balise BODY

Link :Modifier la couleur des liens qui n'ont pas été encore visités .

Vlink : Pour changer la teinte des liens déjà visités .

Alink : Pour modifier la couleur d'un lien que clique l'utilisateur .

Text : Pour modifier la couleur du texte

Retour au sommaire