Les liens et les ancres en html [15 mn de lecture - paru le 5/12/2004 2:00:00 PM - Public : Débutant]

Auteur

Sébastien OLIVARIUS Elève-Ingénieur Supinfo Paris Promotion SUPINFO 2008    Lui écrire    Tous les projets de cet auteur    Le mini-CV de cet auteur

1-Les liens et ancres hypertextes et hypergraphiques en html

1.1-les liens et ancres hypertextes

Ce système d'hypertexte vous est familier car il est également utilisé par les fichiers d'aide de Windows. Ce sont ces liens qui vous permettent de naviguer de page en page et qui constituent l'essence des documents HTML.
C’est HTML qui permettra de comuniquer avec les machines et toutes les ressources du Web.

Tous les ordinateurs se trouvant sur le raiseau internet possèdent une adresse ou
une URL (Universal Ressource Locator).

1.2-les balises

La balise < a > (a pour anchor) du HTML est utilisée pour créer un lien vers une ressource.
Elle peut pointer sur différentes ressources disponible sur le Web : une page HTML, une image, un flux audio ou vidéo, une animation… Des liens peuvent aussi pointer vers un endroit précis du même document ou d'un autre fichier. C'est ce qu'on appelle les ancres, ancrages ou pointeurs. La syntaxe pour créer un lien est assez simple mais devra être complété de nombreux commentaires pour éviter de ce perdre dans le code.

1.3-les attributs

o L’attribut href

L’attribut Href permet de spécifier l’adresse de celle-ci. Le texte encapsulé sert d’hyperlien autrement dit de « texte bouton» .C’est en cliquant sur le texte que la ressource s’ouvrira .

o L’attribut target

Il permet de spécifié dans quel fenêtre vas s’ouvrire la ressource .
Pour cela il a recours à deux propriétés :
_self :                            qui permet que la ressource s’ouvre a l’intérieur de
                                    la fenêtre en cours ou une des fenêtres déjà en cours d’utilisation.
_parent ou _blank:         qui permet que la ressource s’ouvre dans une nouvelle fenetre

< a href= "http://www.supinfo.com"/ target= "_blank">Ecole Supérieur d’Informatique < /a>

o L’attribut NAME

Il permet de créer des points d’ancrage. En effet en utilisant des points d’ancrage, il est
possible de créer des liens directement vers une section spécifique de la page concernée, sans
que l’utilisateur n’ai besoin de chercher l’information à l’aide des scrollbars.

Pour pouvoir créer un lien directement vers un point d’ancrage, il est indispensable de retaper l’ensemble de l’url de la page puis de rajouter un dièse (#) et le nom du point d’ancrage. Ainsi si un point d’ancrage nommé Hillsandvalleystoo existait sur la page http://www.montagne.com/FakePage.htm, le lien suivant permettrait d’y accéder :

Il est peut probable que le serveur Web qui hébergera votre site, possède la même arborescence que votre disque local. C’est pourquoi organisation classique d'un site Web consiste à regrouper l'ensemble des éléments de celui-ci (fichiers htm, images, sons...) dans un même répertoire. Vous pourrez ainsi uploader aisément votre site pour le présenter sur un autre ordinateur, le but ultime étant de le charger sur un serveur.

Point d'ancrage	< A NAME="***">...</A>	Ceci est une cible
Lien en direction d'une ancre dans la même page	< A HREF= "#***">...</A>	Lien vers la cible *** dans la même page
Lien vers une ancre dans une autre page	<A HREF= "URL#***">...</A>	Lien vers la cible *** dans une autre page