 Pour aller sur un autre site
| | <a href="http://www.machin.com/">machin</a> . Dans votre page on ne verra que machin en souligné et souvent d'une autre couleur que le texte courant et quand vous cliquerez sur ce machin vous arriverez à la page http://www.machin.com/ qui appartient à un site existant (je ne l'ai pas fait exprès) |
|
Pour aller à une adresse e-mail
| | Je m'appelle Toto Larico et mon adresse e-mail est: toto.larico@mailpost et je vous demande d'envoyer un courrier à mon adresse personnelle : Le code que je devrai employer pour faire ceci sera donc <a href="mailto:toto.larico@mailpost">écrivez-moi ici</a> et vous ne verrez sur la page que le lien écrivez-moi ici . Mais le nom et l'adresse sont bien fictifs cette fois-ci enfin j'espère autrement Toto Larico a un risque de spam dans sa messagerie |
|
Pour aller à une autre page de mon propre site
| C'est là que parfois intervient la nécessité de respecter les chemins (path en anglais) . le path qui se fait à l'aide des slash / chez Unix ou contre-slash \ (Alt Gr+8) chez Windows .
Cela dépend du fait que certaines de vos pages html (que vous pouvez aussi appeler rubriques) ou d'un autre nom si vous préférez peuvent être enfermées dans un dossier ou séparément sans dossier donc placées à la racine de votre siteElles ne sont pas renfermées dans un dossier spécifiqueCela est possible pour des petits sites où tout est plus simple
Vous n'avez pas à vous occuper du path (le chemin) . Comme toutes nos rubriques sont en HTML nous avons obligatoirement une qui est index.html et les autres pages se terminent aussi par .html exemple page1.html , page2.html , page3.html etcetera...
Pour aller de la page index.html que vous avez nommée "Accueil" par exemple à la page 3 que vous avez nommée "Mes loisirs" par exemple
vous faites <a href="page3.hlml">Mes loisirs</a> ce qui donnera: Mes loisirs comme lien sur votre page d'index qui vous enverra dans la rubrique "Mes loisirs" .
Pour aller de la page 2 que j'ai nommée "Mon travail" à la page d'index nommée "Accueil"
je ferai <a href="index.html">Accueil</a> qui marquera comme lien dans la rubrique "Mon travail": Accueil qui bizzarrement ici me ramène en haut de page car toutes les rubriques de mon site Lauyan TOWeb (qui n'est pas un éditeur pur code) se terminent par index.html . Et quand mes pages HTML sont dans un dossier "rubriques" par exemple index.html est et restera toujours à la racine du site . Le seul dossier où il est enfermé est le dossier général du site où se trouve la totalité de tous les fichiers et dossiers composant ce site . D'ailleurs il vaut mieux dès le début rassembler dans un même dossier général tout ce qui vous servira à construire votre site . Ce sera plus facile car vous n'aurez plus de chemin absolu à faire c-a-dire home/toto/Documents/votre_fichier ou C:\toto\Documents\votre_fichier à chaque fois . Ce sera un chemin relatif bien plus simple pour tester chaque fichier en local avec votre navigateur ouaibe . Ce qui change dans les liens c'est d'aller de index.html vers une page dans "rubriques" et vice-versa .
De la page index vers la page3: <a href="rubriques/page3.html">page 3</a>
De la page 3 vers la page d'index: <a href="/index.html">Accueil</a>
autrement rien ne change quand c'est un lien d'une page "rubriques" vers une autre page"rubriques" par exemple:
pour aller de la page 2 à la page 3 <a href="page3.html">Mes loisirs</a> |
|
 | | Vous pouvez aller là voir comment ranger les différents fichiers dans un site |
|
Liens vers une ancre à l'intérieur d'une même page
| Pour aller d'un paragraphe à un autre paragraphe d'une même page .
Dans le paragraphe d'entête j'ai fait <a href="#A">ancre</a> (entre les balises HTML)qui m'a marqué le lien ancre
et dans ce paragraphe je fais (toujours entre les balises HTML)
<a name=A> ancre </a> avec une petite astuce pour faire disparaître le soulignement du mot ancre:
simplement ajouter après A "/"style=text-decoration:none . J'ai choisi comme ancre le mot "ancre" mais n'importe quel mot , lettre ou phrase dans ce paragraphe auraient pu être utilisés bien sûr |
|
|
 Les liens-images
Insérer un lien dans une image simplement . Si vous savez vous servir d'outils graphiques et de dessin vous pouvez créer vous-même vos boutons . Exemple de boutons ci-dessous l'image-lien amenant à la page "Uploader son site":
Dont le code est: <a href="http://www.wubijacq.com/uploadersonsite/" title="Uploader son site"> <img border=0 src="bv000006.jpg"></a> Cela pourra vous servir pour personnaliser vraiment votre site si vous vous lancez dans la CSS ou le PHP plus tard . Ces boutons sont souvent dans le dossier "images/" et il faudra rajouter le lien vers lequel il doit pointer .
Ce qui doit donner <a href="lien"> <img border="0" src="chemin/vers/l'image"></a> . En fait il est possible d'insérer n'importe quel lien dans une image-bouton du moment que le chemin vers l'image soit correct , que le lien soit valide et que le tout soit placé entre les balises <a href= et </a> .
Pour retourner en haut de cette page cliquer l'image avec un triangle le code: <a href="index.html" title="haut de page"><img border=0 src="bv000004.jpg" alt=up ></a>
(bv000004.jpg est l'image à gauche du titre de ce paragraphe il n'y a donc pas de chemin à nommer) |
|
