ACCUEIL |  PAGE PRECEDENTE |  PAGE SUIVANTE |  FIN DE PAGE |  INDEX

<OL> ... </OL> Valid XHTML 1.0 Transitional



Utilisation

Crée une liste ordonnée

Balises de début/de fin

Nécessaire/nécessaire

Attributs

%coreattrs, %i18n, %events

type="..." : définit le type de numérotation ( 1, a, A, i, I )

compact : deprecated . Compacte la liste affichée

start="..." : définit comme numéro de départ l'entier choisi

Vide

Non

 

Remarques :

Exemples d'utilisation :

Voici un exemple de liste numérique: contenu du CD-ROM "Face cachée d'HTML". Chaque item porte un numéro logique.

<OL>
    <LI>syntaxe détaillée de toutes les balises HTML 
    <LI>couvre HTML 3.2 et 4.0, IE 2.0 à 4.0 
    <LI>analyse du rendu effectif des éléments HTML en fonction du navigateur 
    <LI>plus d'un millier d'exemples ( tableaux, listes, formulaires, frames...) 
    <LI>optimisation des images et contrôle de la couleur 
    <LI>mise en pages HTML avancée avec les feuilles de style, les layers et les frames flottants. 
    <LI>analyse technique et ergonomique de 100 pages d'accueil de sites célèbres 
    <LI>texte intégral des standards du W3C ( HTML 3.2, HTML 4.0, CSS1, DOM...)
</OL>
Voici le rendu qu'en fait votre navigateur :
  1. syntaxe détaillée de toutes les balises HTML
  2. couvre HTML 3.2 et 4.0, IE 2.0 à 4.0
  3. analyse du rendu effectif des éléments HTML en fonction du navigateur
  4. plus d'un millier d'exemples ( tableaux, listes, formulaires, frames... )
  5. optimisation des images et contrôle de la couleur
  6. mise en pages HTML avancée avec les feuilles de style, les layers et les frames flottants.
  7. analyse technique et ergonomique de 100 pages d'accueil de sites célèbres
  8. texte intégral des standards du W3C ( HTML 3.2, HTML 4.0, CSS1, DOM...)
Deuxième exemple

Voici le sommaire d'un livre tel qu'il se présente :

Table des matières
   1.  Introduction  ...................................................... 2

       a)  Structure et contenu de cet ouvrage  ........................... 4

       b)  Exemples visuels  .............................................. 4

       c)  Conventions  ................................................... 5

       
   2.  Introduction au HTML  .............................................. 9

   3.  Création d'une page Web  .......................................... 10

   4.  Liaisons entre pages Web  ......................................... 15

   5.  Publication des pages HTML  ....................................... 17

   6.  Création d'images  ................................................ 24

       a)  Les outils graphiques  ........................................ 26

       b)  Les ressources graphiques  ..................................... 27

       c)  Les images scannées  .......................................... 29

       d)  Dimensionnement des images  ................................... 33

       e)  Les types de fichier image .................................... 44

           -   Le format GIF  ............................................ 46

           -   Le format JPEG  ........................................... 48

       f)  Optimisation de l'affichage des images  ....................... 50

  
On obtient avec l'utilisation de l'élément <OL> différentes possibilités de présentation, dont celle ci-dessus.

Présentation avec les paramètres par défaut:

Table des matières

  1. Introduction .................................................................................... 2
    1. Structure et contenu de cet ouvrage ....................... 4
    2. Exemples visuels .......................................................... 4
    3. Conventions ..................................................................... 5
  2. Introduction au HTML ................................................................. 9
  3. Création d'une page Web ...................................................... 10
  4. Liaisons entre pages Web ..................................................... 15
  5. Publication des pages Web .................................................. 17
  6. Création d'images ..................................................................... 24
    1. Les outils graphiques .................................................. 26
    2. Les ressources graphiques ...................................... 27
    3. Les images scannées ................................................ 29
  7. Dimensionnement des images ............................................  33
  8. Les types de fichier image ..................................................... 44
    1. Le format GIF.................................................................. 46
    2. Le format JPEG ............................................................ 48
  9. Optimisation de l'affichage des images ............................ 50
Observation: avec les paramètres par défaut, la numérotation de la liste est purement numérique. Le formatage a un effet inesthétique sur la pagination. ( nécessité d'aligner manuellement les numéros de pages )

Utilisation de l'attribut TYPE

Les options de paramétrage de cet attribut sont les suivantes:

(TYPE=A) - MAJUSCULES e.g. A, B, C ...
(TYPE=a) - minuscules. e.g. a, b, c ...
(TYPE=I) - MAJUSCULES ROMAINES. e.g. I, II, III ...
(TYPE=i) - minuscules romaine. e.g. i, ii, iii ...
(TYPE=1) - nombres par défaut. e.g. 1, 2, 3 ...

Voici le rendu de la liste des opérations à effectuer ( d'après Yanis ) pour récupérer le fichier son d'un message.

  1. D'abord tu montes le son à fond, puis tu colles ton microphone contre un de tes deux HP. Si tu n'as pas de micro, files en acheter un: je te conseille la marque Neimbourg. (Les Mikro-neimbourg, c'est les plus shure)
  2. Ensuite tu cliques sur le bouton rouge du magnéto de Zouindaube. C'est le bouton le plus à droite (je précise car tu as peut-être un écran monochrome ?!)
  3. Donc, après ça, tu files à la pharmacie pour soigner ton tympan percé par le Méga-Larsen que tu as dû choper. (C'est pas grave: c'est le métier qui rentre...par une oreille et qui ressort par l'autre)
  4. Maintenant que tu as récupéré ta zique, tu regardes son format: Si c'est Midi... tu prends l'apéro. Si c'est du Wave, alors t'es sur que ça vient bien des News: On appelle ça, la musique New-Wave.
  5. Voila, tu viens de décapsuler la zique alors c'est ta tournée: il ne te reste plus qu'à l'insérer dans un de tes propres messages: pour ce faire utilises l'outil de ton choix: Editeur de HLM,  Editeur à ski ou Editeur Ouizyouigue (mais j'ai jamais su comment ça s'écrit); tu peux les trouver sur le Oueb en version Cross ou Trial, mais cette dernière est plus chère car c'est de l'édition limitée.
  6. tu n'as plus qu'a envoyer ton Post-Hit: Tu peux opter pour le pigeon voyageur, très kitch et net, mais si ton fichier est très gros, utilises plutôt le Colissumo.Lancez Windows depuis la ligne de commande du DOS; tapez: WIN.

  1. D'abord tu montes le son à donf, puis tu colles ton microphone contre un de tes deux HP. Si tu n'as pas de micro, files en acheter un: je te conseille la marque Neimbourg. (Les Mikro-neimbourg, c'est les plus shure)
  2. Ensuite tu cliques sur le bouton rouge du magnéto de Zouindaube. C'est le bouton le plus à droite (je précise car tu as peut-être un écran monochrome ?!)
  3. Donc, après ça, tu files à la pharmacie pour soigner ton tympan percé par le Méga-Larsen que tu as du choper. (C'est pas grave: c'est le metier qui rentre...par une oreille et qui ressort par l'autre)

  1. D'abord tu montes le son à donf, puis tu colles ton microphone contre un de tes deux HP. Si tu n'as pas de micro, files en acheter un: je te conseille la marque Neimbourg. (Les Mikro-neimbourg, c'est les plus shure)
  2. Ensuite tu cliques sur le bouton rouge du magnéto de Zouindaube. C'est le bouton le plus à droite (je précise car tu as peut-être un écran monochrome ?!)
  3. Donc, après ça, tu files à la pharmacie pour soigner ton tympan percé par le Méga-Larsen que tu as du choper. (C'est pas grave: c'est le metier qui rentre...par une oreille et qui ressort par l'autre)

  1. D'abord tu montes le son à donf, puis tu colles ton microphone contre un de tes deux HP. Si tu n'as pas de micro, files en acheter un: je te conseille la marque Neimbourg. (Les Mikro-neimbourg, c'est les plus shure)
  2. Ensuite tu cliques sur le bouton rouge du magnéto de Zouindaube. C'est le bouton le plus à droite (je précise car tu as peut-être un écran monochrome ?!)
  3. Donc, après ça, tu files à la pharmacie pour soigner ton tympan percé par le Méga-Larsen que tu as du choper. (C'est pas grave: c'est le metier qui rentre...par une oreille et qui ressort par l'autre)

Combinaison de TYPE et de START

La même liste paramétrée de la façon suivante:

<OL TYPE=A START=5>
  <LI>D'abord tu montes le son à fond, puis tu colles ton microphone contre un de tes deux HP. Si tu n'as pas de micro, files en acheter un: je te conseille la marque Neimbourg. (Les Mikro-neimbourg, c'est les plus shure)
  <LI>Ensuite tu cliques sur le bouton rouge du magnéto de Zouindaube. C'est le bouton le plus à droite (je précise car tu as peut-être un écran monochrome ?!)
  <LI>Donc, après ça, tu files à la pharmacie pour soigner ton tympan percé par le Méga-Larsen que tu as du choper. (C'est pas grave: c'est le metier qui rentre...par une oreille et qui ressort par l'autre)
</OL>

aura cette apparence avec Netscape Navigator et Internet Explorer :

  1. D'abord tu montes le son à donf, puis tu colles ton microphone contre un de tes deux HP. Si tu n'as pas de micro, files en acheter un: je te conseille la marque Neimbourg. (Les Mikro-neimbourg, c'est les plus shure)
  2. Ensuite tu cliques sur le bouton rouge du magnéto de Zouindaube. C'est le bouton le plus à droite (je précise car tu as peut-être un écran monochrome ?!)
  3. Donc, après ça, tu files à la pharmacie pour soigner ton tympan percé par le Méga-Larsen que tu as du choper. (C'est pas grave: c'est le metier qui rentre...par une oreille et qui ressort par l'autre)

Paramétrée ainsi:

<OL TYPE=I START=5>
  <LI>D'abord tu montes le son à donf, puis tu colles ton microphone contre un de tes deux HP. Si tu n'as pas de micro, files en acheter un: je te conseille la marque Neimbourg. (Les Mikro-neimbourg, c'est les plus shure)
  <LI>Ensuite tu cliques sur le bouton rouge du magnéto de Zouindaube. C'est le bouton le plus à droite (je précise car tu as peut-être un écran monochrome ?!)
  <LI>Donc, après ça, tu files à la pharmacie pour soigner ton tympan percé par le Méga-Larsen que tu as du choper. (C'est pas grave: c'est le métier qui rentre...par une oreille et qui ressort par l'autre)
</OL>

elle aura cette apparence:

  1. D'abord tu montes le son à donf, puis tu colles ton microphone contre un de tes deux HP. Si tu n'as pas de micro, files en acheter un: je te conseille la marque Neimbourg. (Les Mikro-neimbourg, c'est les plus shure)
  2. Ensuite tu cliques sur le bouton rouge du magnéto de Zouindaube. C'est le bouton le plus à droite (je précise car tu as peut-être un écran monochrome ?!)
  3. Donc, après ça, tu files à la pharmacie pour soigner ton tympan percé par le Méga-Larsen que tu as du choper. (C'est pas grave: c'est le métier qui rentre...par une oreille et qui ressort par l'autre)

Combinaison de TYPE dans la liste et dans un item de la liste

Reprise de la table des matières ci-dessus

Table des matières

  1. Introduction ................................................................................... 4
    1. Structure et contenu de cet ouvrage ....................... 4
    2. Exemples visuels ............ ............................................. 4
    3. Conventions .................................................................... 5
  2. Introduction au HTML ................................................................ 9
  3. Création d'une page Web ..................................................... 10
  4. Liaisons entre pages Web..................................................... 15
  5. Publication des pages Web ................................................. 17
  6. Création d'images .................................................................... 24
    1. Les outils graphiques ................................................. 26
    2. Les ressources graphiques ..................................... 27
    3. Les images scannées ............................................... 29
    4. Dimensionnement des images .............................. 33
    5. Les types de fichier image ....................................... 44
      1. Le format GIF.................................................... 46
      2. Le format JPEG .............................................. 48
  7. Optimisation de l'affichage des images ........................... 50

Document additionnel (Face cachée d'HTML ) :

Elément: <OL> ... </OL> = (ORDERED LIST) HTML
Définition Une liste d'items affichés selon un classement ordinal.
Le comptage par défaut des éléments d'une liste est: 1, 2, 3, ... etc.
2.0 3.2
Syntaxe <OL>....</OL> [OL est un élément fermé]    
Eléments de liste
<LI>...   Introduit un terme de la liste. LI est un élément ouvert    
  Syntaxe <OL><LI>terme de la liste <LI>terme de la liste </OL>    
  Note: Dans une liste le marqueur de début <OL> doit obligatoirement être présent et suivi immédiatement par le premier terme de la liste introduit par <LI>
Une occurrences d'un élément <LI> sans déclaration du terme correspondant est admise.
Les termes d'une liste sont précédés d'un nombre et alignés théoriquement en colonne; le rendu dépendra essentiellement du navigateur utilisé. L'élément OL peut prendre l'attribut COMPACT.
   
Attributs HTML
Compact   Permet de présenter une liste de manière plus compacte.    
  Syntaxe <OL COMPACT> <LI>...</OL>    
  Note: L'attribut COMPACT doit être placé dans le marqueur de début de la liste: <OL COMPACT > et celui-ci doit être immédiatement suivi par l'élément <LI>.    
Attributs spécifiques
Type=   Permet de présenter une liste et sa strucutre de manière cohérente en utilisant différents types de présentation:
L'attribut TYPE peut revêtir cinq formes différentes:
(TYPE=A) - MAJUSCULES : A, B, C ...
(TYPE=a) - minuscules : a, b, c ...
(TYPE=I) - NUMEROTATION ROMAINE EN MAJUSCULES : I, II, III ...
(TYPE=i) - numérotation romaine en minuscules : i, ii, iii ...
(TYPE=1) - nombres par défaut : 1, 2, 3 ....
   
  Syntaxe <OL TYPE=A > <LI>...</OL> (si TYPE n'est pas précisé, valeur par défaut:1)    
  Note 1: L'attribut TYPE= doit être placé dans le marqueur de début de la liste: <OL TYPE= > et celui-ci doit être immédiatement suivi par l'élément <LI>.    
  Note 2: L'attribut TYPE= peut être également placé dans le marqueur de liste: <LI TYPE= > il affecte alors cet item de la liste et les items subséquents.    
Start=   Permet de présenter une liste en partant d'un numéro différent de 1    
  Syntaxe <OL START=n > <LI>...</OL>    
  Note: START est toujours paramétré à l'aide d'un nombre; ce nombre est converti par le navigateur en fonction du type d'affichage choisi avec TYPE.
Ainsi START=5 affichera 'E', 'e', 'V', 'v', ou '5' en fonction du TYPE d'affichage choisi (attribut TYPE=).


ACCUEIL |  PAGE PRECEDENTE |  PAGE SUIVANTE |  DEBUT DE PAGE |  INDEX