Bonjour. visiteurs jour : 9       Au président     Beauté santé     Infos loisirs     Ensemble      Jean      Informatique     Einstein     Santé corona

Les joies de l'informatique et de l'internet !





Coucou et merci


  Accueil - Disques - Excel - Informatique - Infos - Internet - Javascript - logiciels  - Programation - Sites RJ - Vidéo - Plan du site -



   

 

Cours Html

LES LIENS, ANCRES, URL

Un lien vers une autre partie du document ou vers un autre document peut être de plusieurs nature, du texte, de l'image, une partie d'une image voire même le document tout entier...

 

Balise A comme ANCRE

 

HREF = adresse URL à atteindre soit HTTP ou FPT ou MAIL MAILTO

 

<A HREF="xxx">Début de lien ...   qui finit par </A>

Tout ce qui se trouve entre les deux est considéré comme zone sensible, et un click sur les objets situé entre ces deux bornes provoquera l'action contenue dans "xxx" (ou la lecture du fichier "xxx" comme nouvelle page)

 

     

 

Lien vers une page en local

Exemples : Pour retourner au sommaire de ce site

 

<A HREF="index.html">Sommaire</A>

 

Ici le sommaire est dans la page index.html qui est la page qui s'ouvre par défaut lorsque qu'on donne l'adresse d'un site sans oréciser de page


--------------------------------------------------------------------------------

Lien vers un site extérieur

 

Exemple : Pour aller sur le site Netscape

<A HREF="http://www.netscape.com/index.html">Allez voir ce site</A>


--------------------------------------------------------------------------------

Lien vers un e-mail

 

Exemple : Pour m'envoyer un courrier électronique

<A HREF="mailto:showtime@ifrance.com">Écrivez-moi</A>

 

Pour faire un lien à partir d'une image remplacez le texte par le marqueur IMG SRC="image.gif".

 

<A HREF="mailto:showtime@ifrance.com"><IMG SRC="mail.gif" BORDER="0"></A>  

 

Petite astuce, si vous ne voulez pas qu'un lien image ait une bande de couleur autour de lui, mettez l'option border du marqueur image à zéro.


--------------------------------------------------------------------------------

 

Lien dans la même page

 

Il faut utiliser les cibles ou ancrages.

Positionnez vous à l'endroit que vous souhaitez atteindre, dans cet exemple le haut de cette page.

Identifier la cible avec <A NAME="titre">Texte ou image</A>

 

et dans la page (en bas par exemple)  utiliser le marqueur: <A HREF="titre">pour  aller au Titre de cette page</A>

 

Pour sauter dans une section particulière d'une autre page Web, il suffit tout simplement de rajouter le nom de la section après le nom de la page dans le lien, exemple:

<A HREF="page2.html#sectionX"> Texte</A>

 

Modifier l'apparence des liens

Il est possible de modifier l'apparence des liens de façon à ne pas les faire apparaître en bleu souligné et modifier la couleur au survol.

Vous devez incorporer les lignes de commande suivante dans la partie <HEAD> de votre page :

<STYLE>

A:LINK { color: #000000; text-decoration: none }

A:VISITED { color: #000000; text-decoration: none }

A:HOVER { color: #ffffff; text-decoration: none }

</STYLE>

Dans cet exemple les liens apparaissent en noir non souligné, au survol ils se transforment en blanc et ils restent en noir après avoir été visités.

 

Suite :

La mise en forme du texte en HTML

Les liens et URL en HTML

Les listes, les tables et les tableaux en HTML

les formulaires FORM en HTML

les images en HTML

Les vidéo et son en HTML

 


 
 

-
vues  802     En ligne actuellement :   2   Total des clics  1665347