{"id":184,"date":"2024-05-21T09:37:02","date_gmt":"2024-05-21T07:37:02","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=184"},"modified":"2024-05-21T09:37:02","modified_gmt":"2024-05-21T07:37:02","slug":"33-listas-ordenadas","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/html5\/html5-manual\/33-listas-ordenadas\/","title":{"rendered":"33. Listas ordenadas"},"content":{"rendered":"\n

Una lista ordenada<\/strong> comienza con la etiqueta <ol><\/em><\/strong>. Cada elemento de la lista comienza con la etiqueta <li><\/em><\/strong>. Los elementos de la lista se marcar\u00e1n con n\u00fameros de forma predeterminada.<\/p>\n\n\n\n

Ejm<\/strong><\/p>\n\n\n\n

<ol>\n  <li>Coffee<\/li>\n  <li>Tea<\/li>\n  <li>Milk<\/li>\n<\/ol><\/pre>\n\n\n\n
Lista HTML ordenada: el atributo type<\/h2>\n\n\n\n
El atributo de tipo de la etiqueta <ol><\/em><\/strong> define el tipo de marcador de elemento de lista.<\/p>\n\n\n\n
Tipo<\/th>Descripci\u00f3n<\/th><\/tr>
type=\u00bb1″<\/td>Los elementos de la lista se enumerar\u00e1n con n\u00fameros (predeterminado)<\/td><\/tr>
type=\u00bbA\u00bb<\/td>Los elementos de la lista estar\u00e1n numerados con letras may\u00fasculas<\/td><\/tr>
type=\u00bba\u00bb<\/td>Los elementos de la lista estar\u00e1n numerados con letras min\u00fasculas<\/td><\/tr>
type=\u00bbI\u00bb<\/td>Los elementos de la lista se numerar\u00e1n con n\u00fameros romanos en may\u00fasculas<\/td><\/tr>
type=\u00bbi\u00bb<\/td>Los elementos de la lista se numerar\u00e1n con n\u00fameros romanos en min\u00fasculas<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
Ejm<\/strong><\/p>\n\n\n\n
<ol type=\"A\">\n  <li>Coffee<\/li>\n  <li>Tea<\/li>\n  <li>Milk<\/li>\n<\/ol><\/pre>\n\n\n\n
Control de lista<\/h2>\n\n\n\n
De manera predeterminada, una lista ordenada<\/strong> comenzar\u00e1 a contar desde 1. Si deseas comenzar a contar desde un n\u00famero espec\u00edfico, puedes usar el atributo start<\/em><\/strong>.<\/p>\n\n\n\n
Ejm<\/strong><\/p>\n\n\n\n
<ol start=\"50\">\n  <li>Coffee<\/li>\n  <li>Tea<\/li>\n  <li>Milk<\/li>\n<\/ol><\/pre>\n\n\n\n
Listas anidadas<\/h2>\n\n\n\n
Puedes anidar una lista dentro de otra.<\/p>\n\n\n\n
Ejm<\/strong><\/p>\n\n\n\n
<ol>\n  <li>Coffee<\/li>\n  <li>Tea\n    <ol>\n      <li>Black tea<\/li>\n      <li>Green tea<\/li>\n    <\/ol>\n  <\/li>\n  <li>Milk<\/li>\n<\/ol><\/pre>\n","protected":false},"excerpt":{"rendered":"
Una lista ordenada comienza con la etiqueta <ol>. Cada elemento de la lista comienza con la etiqueta <li>. Los elementos de la lista…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":41,"menu_order":32,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-184","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Una lista ordenada comienza con la etiqueta <ol>. Cada elemento de la lista comienza con la etiqueta <li>. Los elementos de la lista...","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=184"}],"version-history":[{"count":2,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/184\/revisions"}],"predecessor-version":[{"id":186,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/184\/revisions\/186"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/41"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}