Accueil
Forums
Turoriaux
Inscription
Connexion
Fil RSS
Bienvenue invité !
Mercredi 10 Mars 2010
Vous êtes ici: Crea-paradise.com > Tutoriaux > Conception web > XHTML/CSS > Les listes

Les listes



Informations sur le tutorial
Image du tutorial Auteur : guizmo2000 Commentaires : 0
Note : Aucune Vu : 978
Date : 26/05/2008 à 18h21 Actions : Commenter et noter ce tutorial
Dernière modification : 27/04/2009 à 15h46
Développement web - Web 2.0 - Infographie - SEO - Ergonomie - Linux


Bonjour à tous et à toutes, dans ce tutoriel je vais vous apprendre à mettre en forme votre texte avec des lites.

Voici un exemple de ce que nous allons faire :

  • Ceci fait partie d'une liste.
  • Ceci fait partie d'une liste.


Nous allons étudier deux type de liste :

  • Les listes ordonnées
  • Les listes non ordonnées





Les listes ordonnées

Nous allons commencer par les listes ordonnées. En faite, une liste ordonnée est utilise quand on veut par exemple présenter des instruction dans l'ordre. Les listes ordonnées sont des items numéroté en chiffre arabe.

Exemple :

1 - Une partie de la liste.
2 - Une autre partie de la liste.

Mais ? Comment créer une liste ordonnée ? C'est assez simple, je vais vous expliquez.


Dans un premier temps, toute liste ordonnée commence par :

Code (x)HTML:
<ol>


Information
Ce que je viens de vous donnez est une balise d'ouverture.


Ensuite, pour faire un item de liste, vous devez faire cela :

Code (x)HTML:
<li>


Vous écrivez votre item et ensuite vous fermer votre balise, toute balise qui se ferme possède une barre "/" juste avant sa signification.

Ca fait donc :

Code (x)HTML:
</li>


Il vous suffit de reproduite le code "<li> votre texte</li>" piur chaque item que vous voulez faire.


Et pour finir, vous devez fermer la balise </ol>

Cela donne au final si vous avez bien compris :

Code (x)HTML:
 
<ol>
<li>votre texte</li>
<li>Votre texte</li>
</ol>
 





Les listes non ordonnées


C'est très simple si vous avez compris comment faire une liste ordonnée, il vous suffit simplement de remplacer les balise :

Code (x)HTML:
<ol> et </ol>


par

Code (x)HTML:
et





Mon tutoriel est maintenant terminé. J'espère qu'il vous a plu. 


0 commentaire