1. Une balise pratique
<a> represente une ancre ou un lien, il faut obligatoirement fermer la balise (par </a>) sinon, tous les élément suivants seront afectés l'attribut href sera le plus employer, il permet de cibler une page, une image ou tout autres elements contenuent dans votre site. Pour creer un lien (et non pas une ancre) la synthaxe a suivre est simple : <a href="cible.html">Lien a cliquer</a> Ce qui donne en application :
Je vais poursuivre avec deux autres atributs assez partique : target et title - target permet de cibler quelque chose (une nouvelle page (blank) par exemple, mais pas seulement) - title a la meme fonction que le title pour les images, il affiche du texte au passage de la souris :
Juste au dessus je parlais de target qui avait d'autre capciter que d'ouvrir une nouvelle page, essayez ca :
Bon je ne vais pas expliquer comment creer ce cadre ci-dessus c'est le role du chapitre tables, mais le principe est simple, quand j'ai creer ce cadre (nommé iframe) je lui ai attribué un nom : "petite_frame" (originale :)), maintenant, dès que je fais un liens avec pour cible "petite_frame" le liens s'ouvrira dans l'iframe :). Un dernier petit retour en arriere s'impose pour poser la notion de lexique, cette fois-ci <a> va jouer un double role, il va attribuer un nom a un emplacement dans la page (une Ancre), puis va etre utilisé a nouveau pour aller vers cet emplacement, un exemple vaut mieux qu'un long discourt : Tout le long de cette page j'ai placer des ancres a chaque sections du chapitre par ce code :
Bon je sens que j'ai perdu tout le monde avec le dernier exemple, en faite le "#" represente la page dans la quelle vous naviguer, donc dire : "j'ouvre la page #" revient a la recharger (ce qui la place toute en haut automatiquement). Pour le reste je pense que faire vos propres testes s'impose, surtout pour voir que quand la page n'a plus la possibilité de descendre elle s'arret net meme si l'ancre placée est plus basses dans le code. 2. Lien sur image
Cela peut paraitre tout bete, mais comment fait on une image cliquable ? Si on repense a ce que j'ai marqué au dessus, il faut imperativement fermer la balise <a> sinon tout ce qui suit (y compris les images) seront considerer comme partie incluante du lien.
Je crois que j'ai tout dit, alors voila ce que ca donne :
Vous aurez sans doute remarquer le cadre autour de l'image, si vous l'aimez pas on peut l'enlever grace a l'attribut border (qui va de 0 a "l'infini"), d'ailleur on peut combiner tout ce qu'on a apris jusqu'ici, voyons ca :
Vous avez vu, il s'est rien passer :))))) bon relisez le code... non toujours pas ? ahhh si aller voir dans l'iframe plus haut Magique :) 3. Couleurs des liens
Ce paragraphe est le dernier de ce chapitre, il sera court et sans grand importance, mais a la question "Comment qu'on change la couleur du lien tout moche ?" je repond +1.
Ca se parametre dès le debut dans la balise <body> avec les attributs suivants :
Donnons du style a vos pages grace aux tables
|
| |||
|
| |||
    Il y a actuellement 2 visiteurs Dont 0 membre | |||
