 |
Contact
M'Écrire
|
Devenez membre
Humour
Cours de programmations
Sports
CONTACTEZ - NOUS
Formations
Infos pratique
|
|
Contact
M'Écrire
|
Devenez membre
Humour
Cours de programmations
Sports
CONTACTEZ - NOUS
Formations
Infos pratique
|
Vous êtes ici : Accueil » programmation » Le lien Hypertexte
Chapitre 3 Le lien Hypertexte :
Ce qui est agréable sur le Web, c'est la possibilité de circuler entre les différentes pages.
cette circulation s'effectue à l'aide de liens hypertextes, contenus dans les documents eux-mêmes. Grâce à ces liens, la personne qui consulte des données n'a aucun besoin de connaître l'adresse d'un site Web, pas plus que les URL (Uniform Ressource Locator) des fichiers qu'il contient. Pour rendre leur présence explicite, les clients WEB (navigateurs) leur associent une couleur particulière et/ou une mise en forme telle que par exemple le soulignement.
Couleur des liens
La définition des couleurs des liens se fait en associant des attributs au marqueur
(que nous avons vu au chapitre 3, "La page HTML"). Les couleurs sont attribuées à l'aide de codes hexadécimaux.
· text
sert à définir la couleur du texte par défaut.
Par exemple :
· link
sert à définir la couleur des liens.
Par exemple :
· vlink
sert à définir la couleur des liens déjà visités.
Par exemple :
· alink
sert à définir la couleur d'un lien en cours de sélection.
Par exemple :
Le tag
devient
Lien avec une page d'un autre site
Pour insérer un lien, il faut indiquer une référence (URL) et un élément, texte ou image, visible à l'écran sur lequel on doit cliquer pour y accéder. Voici un exemple de code pour obtenir un lien :
Le lien apparaît alors en couleur contrastée et souligné dans le navigateur et donne: une page toute simple.
Les liens peuvent diriger le navigateur vers des sites HTTP, FTP, MAILTO... (vous pouvez en effet, lier un élément avec une boîte aux lettres, un transfert...). Pour créer un lien, il s'agit tout simplement de définir le type de document dans la commande A HREF comme dans l'exemple qui suit :
Ce qui aura pour résultat :
Remarquez que lorsque vous survolez avec votre souris le lien hypertexte, (la souris devient une main), vous pouvez lire sur la barre d'état (en bas de la fenêtre de votre navigateur) l'adresse du lien auquel il se réfère.
Lien avec une page sur le même site
Le code :
Voici mon lien sur une autre page !!!
donne tout simplement accès à une page HTML située au même niveau hiérarchique que la page actuellement ouverte sur le serveur (la page appelée se situe dans le même dossier que la page contenant le lien).
Lien avec une page sur le même site, mais dans un autre dossier
Le code :
Voici mon lien sur une page d'un autre dossier!!!
donne accès à une page HTML située à un autre niveau hiérarchique que la page actuellement ouverte sur le même serveur (la page appelée se situe dans le dossier "b" ).
Liens sur une même page (les ancres ou sections)
La commande a name enregistre une encre à l'intérieur d'un document HTML. On peut ensuite référer directement à ce point précis avec une commande a href. Dès que vous cliquerez sur le lien visant une ancre, le navigateur ira se positionner directement sur la ligne de texte où aura été placée l'encre. La commande peut se taper directement comme ceci :
ce qui indique au navigateur où se trouve la section (l'ancre) visée. Pour se rendre à cet endroit, il faut taper la référence comme ceci :
et le lien hypertexte
Couleur des liens
ou plus simplement
Couleur des liens
Pour essayer cette commande, cliquez sur le lien Couleur des liens et vous devriez vous rendre à la section concernée de cette page.
Les liens a name fonctionnent aussi d'un document HTML à un autre. Ainsi, après avoir identifié les sections d'un document avec , il s'agit de taper la commande complète
Caractères(Généralités)</a>
Ainsi, le lien indique d'abord le nom du fichier HTML dans lequel il faut se rendre et ensuite le nom de la section à l'intérieur de ce fichier. Le nom du fichier et l'ancre sont séprarés par un dièse ( # ).
Exemple : " Caractères (Généralités) ".