Faire des listes cliquables en langage HTML

Il est parfois utile de faire des listes dans ses articles afin d'alléger le texte et d'ordonner ses éléments.

C'est ce que j'ai fait, par exemple, dans mon article "Index des articles".

Dans ce cas, chaque élément de la liste est cliquable et permet d'accéder à une autre page du blog.

1. Code HTML pour faire une liste cliquable.

Principe :

Il faut créer une "class" puis chaque élément de la liste sera précédé de la balise <li>, comme "liste".

On remplacera le sigle "#"par l'url de la page vers laquelle on souhaite faire le renvoi.

Code HTML d'une liste cliquable:

<ol class="liste">
        <li><span><strong><a href="#">Premier élément de la liste</a></strong><br/><em>Petite description de l'élement ...</em></span></li>
        <li><span><strong><a href="#">Deuxième élément de la liste</a></strong><br/><em>Petite description de l'élement ...</em></span></li>
        <li><span><strong><a href="#">Troisième élément de la liste</a></strong><br/><em>Petite description de l'élement ...</em></span></li>
        <li><span><strong><a href="#">Quatrième élément de la liste</a></strong><br/><em>Petite description de l'élement ...</em></span></li>
        <li><span><strong><a href="#">Cinquième élément de la liste</a></strong><br/><em>Petite description de l'élement ...</em></span></li>
</ol>

2. Aspect visuel de la liste :

1. Premier élément de la liste
   Petite description de l'élement ...
2. Deuxième élément de la liste
   Petite description de l'élement ...
3. Troisième élément de la liste
   Petite description de l'élement ...
4. Quatrième élément de la liste
   Petite description de l'élement ...
5. Cinquième élément de la liste
   Petite description de l'élement ...
6. 

3. Articles à relire

La programmation en langage html, c'est quoi ?

Utiliser du code HTML dans un article ou module

Créer un Rollover en langage HTML

---

* 5 articles a lire pour demarrer votre blog * Initiation au langage HTML * Tout pour modifier et embellir vos textes * Tout savoir sur les images  * Des jeux * Des gadgets * Votre blog ne ressemblera pas aux autres * Mes astuces * Référencements et indexations * Index des articles

Comments

[zaizoun]

:o

[philae]

merci pour les conseils


mais j'ai copié un lien htlm et le document n'apparait pas lorsque l'on clique sur le lien que faire merci

[Aurelie]

Le code est bon, mais peut être que ton document n'et pas au bon format, ou bon type de fichier... ou le lien est mauvais.  Entre le lien seul dans l'adresse explorer voir si quelque chose
apparait

[tiot]

salut


merci du tuyau


bonne journée