BlABlA HTML

Accueil | billet1 | billet2 | billet3 | billeta | billet4 | billet5 | billet6

L'atout principal du html par rapport au papier et au texte brute est son mode de navigation. Il est possible naviguer entre les pages grâce à des liens (ou ancres).
Relevez l'ancre, hissez la grand voile et c'est parti pour le découverte de la balise <a>.

un lien extérieur

<a href="http://www.stoitg.com" title="site d'un amis" hreflang="fr">stoitg.com</a>

liens internes

avec un lien relatif (a la page qui l'affiche)

<a href="mapage.html" title="ma super page">ma page</a>

avec une référence complète (a partir du répertoire racine du site)

<a href="/exemple/mapage.html" title="ma super page">ma page</a>

une ancre

référence sur la même page

<a href="#ancre" title="aller a l' identifiant ancre">ancre</a>

référence sur une autre page

<a href="mapage#ancre" title="aller a l' identifiant ancre">ancre</a>

moyen pratique pour retourner en haut de la page

<a href="#" title="haut de page">top</a>

lien mail

<a href="mailto:fakemail@nowhere.com?subject=You are cool&body=what you want here" title="fakemail@nowhere.com">Email Me</a>

Voici bonc pour la balise <A> ancre qui je pense ne va plus en faire couler beaucoup (d'encre O_o).

Les liens sur les images

Lien simple

Entourer l'image par la balise <a>. Penser a retirer le border (le liseret bleu autour d'ine image c'est pas très joli).
<a href="http://blabla.13fr.com/chonchu.php"><img src="images/chonchu3pt.jpg" alt="chonchu" border="0" /></a>

chonchu

Zone Active

Réalisés a l'aide des balises <map> et <area/>
<img src="images/chonchu3pt.jpg" alt="chonchu" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="circle" coords="88,16,9" href="http://blabla.13fr.com/chonchu.php#vol3" alt="go to issue 3" />
<area shape="rect" coords="4,92,94,120" href="http://blabla.13fr.com/chonchu.php" alt="go to chonchu" />
</map>

chonchu go to issue 3 go to chonchu

retour

XHTML1.0 | CSS2