Pour cr\u00e9er une liste ordonn\u00e9e simple, on utilise les balises <ol><\/em><\/strong> et <\/ol><\/strong><\/em> au d\u00e9but et \u00e0 la fin, et les balises <li><\/strong><\/em> et <\/li><\/em><\/strong> au d\u00e9but et \u00e0 la fin de chaque \u00e9l\u00e9ment de la liste.<\/p>\n\n\n\n Liste ordonn\u00e9e simple<\/strong><\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n On peut \u00e9galement imbriquer diff\u00e9rentes listes ordonn\u00e9es entre elles, afin de sp\u00e9cifier plusieurs niveaux. Les valeurs de l’attribut <type><\/strong> plac\u00e9es dans la balise <ol> permettent de sp\u00e9cifier le type de liste souhait\u00e9.<\/em> Listes imbriqu\u00e9es<\/strong><\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n Si on ne souhaite pas commencer la num\u00e9rotation de la liste par A, a, I, i ou 1<\/strong>, on doit utiliser le param\u00e8tre start <\/strong>\u00e0 l’int\u00e9rieur de la balise <ol><\/strong><\/em> :<\/p>\n\n\n\n Le premier \u00e9l\u00e9ment de la liste sera num\u00e9rot\u00e9 ici avec la lettre C<\/strong>.<\/em><\/p>\n<\/div><\/div>\n\n\n\n Ce ne sera plus la balise <ol><\/strong><\/em> mais la balise <ul><\/em><\/strong> qu’il faudra utiliser. Liste de puces pleines<\/strong><\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n L’attribut <type><\/strong> de la balise <ul> permet de sp\u00e9cifier trois types de puces :<\/em><\/p>\n\n\n\n Listes imbriqu\u00e9es<\/strong><\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n On peut utiliser la balise <ul><\/strong> seule (sans les balises <li>)<\/strong> pour mettre un texte en retrait sans qu’une puce apparaisse.<\/em><\/p>\n<\/div><\/div>\n\n\n\n Retrait sans puce<\/strong><\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n Ce type de liste (peu connu)<\/em> permet de formater automatiquement le mot \u00e0 d\u00e9finir et sa d\u00e9finition. Liste de d\u00e9finitions : Dans le prochain article, il sera question des liens.<\/em><\/strong><\/p>\n\n\n\n <\/p>\n","protected":false},"excerpt":{"rendered":"<ol>
<li>\u00c9tape 1<\/li>
<li>\u00c9tape 2<\/li>
<\/ol><\/pre>\n<\/div>\n\n\n\n![\"\"](\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/listes_00.jpg\")
<\/figure>\n<\/div>\n\n\n
Si l’attribut n’est pas sp\u00e9cifi\u00e9, la liste par d\u00e9faut est une s\u00e9quence de nombres arabes.<\/em><\/mark><\/strong><\/p>\n\n\n\nDescription<\/th> Attribut<\/th><\/tr><\/thead> S\u00e9quence de lettres majuscules<\/td> type=\u201cA\u201d<\/td><\/tr> S\u00e9quence de lettres minuscules<\/td> type=\u201ca\u201d<\/td><\/tr> S\u00e9quence de chiffres romains majuscules<\/td> type=\u201cI\u201d<\/td><\/tr> S\u00e9quence de chiffres romains minuscules<\/td> type=\u201ci\u201d<\/td><\/tr> S\u00e9quence de nombres arabes<\/td> type=\u201c1\u201d<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n <ol type=\"I\">
<li>Construction
<ol>
<li>Gros \u0153uvre<\/li>
<li>Finitions<\/li>
<\/ol>
<\/li>
<li>Inauguration
<ol>
<li>Premi\u00e8re visite<\/li>
<li>Personnalit\u00e9s pr\u00e9sentes<\/li>
<\/ol>
<\/li>
<\/ol><\/pre>\n<\/div>\n\n\n\n![\"\"](\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/liste_01.jpg\")
<\/figure>\n<\/div>\n\n\n<ol start=\u201c3\u201d type=\u201cI\u201d> <\/pre>\n\n\n\n
Les listes non ordonn\u00e9es<\/strong><\/h4>\n\n\n\n
Si on ne sp\u00e9cifie aucun attribut, la liste par d\u00e9faut est constitu\u00e9e de puces pleines.<\/em><\/mark><\/strong><\/p>\n\n\n\n<p>Ingr\u00e9dients :<\/p>
<ul>
<li>125 g de chocolat<\/li>
<li>50 g de beurre<\/li>
<li>50 g de sucre<\/li>
<li>3 \u0153ufs<\/li>
<\/ul><\/pre>\n<\/div>\n\n\n\n![\"\"](\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/listes_02.jpg\")
<\/figure>\n<\/div>\n\n\nDescription<\/th> Attribut<\/th><\/tr><\/thead> Puce pleine<\/td> type=\u201cdisc\u201d<\/td><\/tr> Puce \u00e9vid\u00e9e<\/td> type=\u201ccircle\u201d<\/td><\/tr> Carr\u00e9<\/td> type=\u201csquare\u201d<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n <p>Ma liste de courses :<\/p>
<ul>
<li>Chocolat noir<\/li>
<li>Sucre
<ul type=\"circle\">
<li>150 g de sucre glace<\/li>
<li>200 g de sucre en morceaux<\/li>
<li>200 g de sucre en poudre<\/li>
<\/ul>
<\/li>
<li>3 oeufs<\/li>
<\/ul><\/pre>\n<\/div>\n\n\n\n![\"\"](\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/listes_03.jpg\")
<\/figure>\n<\/div>\n\n\n<p>La ville de Toulouse<\/p>
<ul>Elle est situ\u00e9e dans le Sud-Ouest
de la France.<\/ul><\/pre>\n<\/div>\n\n\n\n![\"\"](\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/listes_04.jpg\")
<\/figure>\n<\/div>\n\n\nLes listes de d\u00e9finition<\/strong><\/h4>\n\n\n\n
La balise <dl><\/em><\/strong> (definition list)<\/em> introduit la liste, et la balise <dt><\/em><\/strong> (definition term)<\/em> permet de mettre en avant le terme que l’on d\u00e9finit, tandis que la balise <dd><\/em><\/strong> (definition description)<\/em> introduit la d\u00e9finition.
Les balises <dt><\/em> et <dd><\/em> sont orphelines.<\/strong><\/p>\n\n\n\n<dl>
<dt>LES LISTES ORDONN\u00c9ES
<dd>Elles sont cr\u00e9\u00e9es \u00e0 l'aide des balises *ol* et *li*.
<dt>LES LISTES NON ORDONN\u00c9ES
<dd>Elles sont cr\u00e9\u00e9es \u00e0 l'aide des balises *ul* et *li*.
<dt>LES LISTES DE D\u00c9FINITION
<dd>Elles sont cr\u00e9\u00e9es \u00e0 l'aide des balises *dl*, *dt*
et *dd*.
<\/dl><\/pre>\n<\/div>\n\n\n\n![\"\"](\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/listes_5.jpg\")
<\/figure>\n<\/div>\n\n\n
<\/strong>les signes <<\/strong> et ><\/strong> ont \u00e9t\u00e9 remplac\u00e9s par des ast\u00e9risques
car ils auraient \u00e9t\u00e9 interpr\u00e9t\u00e9s comme des balises de listes
et auraient perturb\u00e9 l’affichage. <\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n