Listes

Listes à puces

La puce, en typographie, est un élément graphique servant à marquer l'énumération au début d'une ligne.

On ouvre la liste UL, on énumère les lignes LI.

Figure 1 - Penser à bien fermer le UL comme les LI...
  1. <p>Les couleurs sont :</p>
  2.  
  3. <UL>
  4. <LI>rouge</LI>
  5. <LI>vert</LI>
  6. <LI>bleu</LI>
  7. <LI>pourpre</LI>
  8. </UL>

Options possibles : la forme de la puce.

Figure 2 - disc, circle ou square
  1. <UL TYPE="disc">
  2. <LI>...</LI>
  3. </UL>

On peut imbriquer des listes.

Figure 3 - Une liste complète remplace un <LI>...</LI>
  1. <UL>
  2. <LI>première liste</LI>
  3. <LI>première liste</LI>
  4. <UL>
  5. <LI>deuxième liste</LI>
  6. <LI>deuxième liste</LI>
  7. <UL>
  8. <LI>troisième liste</LI>
  9. <LI>troisième liste</LI>
  10. </UL>
  11. <LI>deuxième liste</LI>
  12. </UL>
  13. <LI>première liste</LI>
  14. </UL>

Listes à numéros

Même principe, seules les options changent.

Figure 4 - Type = 1, a, A, i ou I. Start = le numéro de départ
  1. <OL TYPE="1" START="25">
  2. <LI>gna gna</LI>
  3. <LI>gna gna</LI>
  4. <LI>gna gna</LI>
  5. </OL>

On peut imbriquer des listes à numéros les unes dans les autres (la numérotation est propre à chaque liste), voire y glisser des listes à puces...

Listes de définition

On ouvre la liste DL, et on alterne les termes DT et leurs définitions DD.

Figure 5 - Idéal pour des glossaires !
  1. <DL>
  2. <DT>Un mot</DT>
  3. <DD>Premier sens du mot</DD>
  4. <DD>Deuxième sens</DD>
  5. </DL>



  © Richard Carlier



Carlier.as création de sites Internet

Tribune de Richard Carlier - Atontour Cocktails - Amour Photo - Cocktails Sans Alcool - Arc2I - Mots d'auteurs - WebRiche.fr - Photos de Belgique - PMPUC - RégalezVous.net - Zone Pingouin - A se rouler par terre - PasswordFinder.fr - Restaurants de Paris - France-SPA.fr - MyPortfolio.fr - RV - pYes - Et aussi : Art Aujourd'hui.info