{"id":177,"date":"2024-05-21T09:14:24","date_gmt":"2024-05-21T07:14:24","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=177"},"modified":"2024-05-21T09:14:24","modified_gmt":"2024-05-21T07:14:24","slug":"31-listas-en-html","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/html5\/html5-manual\/31-listas-en-html\/","title":{"rendered":"31. Listas en HTML"},"content":{"rendered":"\n

Las listas<\/strong> HTML permiten a los desarrolladores agrupar un conjunto de items relacionados en listas.<\/p>\n\n\n\n\n\n\n\n

\"\"<\/figure>\n\n\n\n

Listas desordenadas<\/h2>\n\n\n\n

Una lista desordenada<\/strong> comienza con la etiqueta <ul><\/em><\/strong>. Cada elemento de la lista comienza con la etiqueta <li><\/em><\/strong>. Los elementos de la lista se marcar\u00e1n con vi\u00f1etas (peque\u00f1os c\u00edrculos negros) de forma predeterminada.<\/p>\n\n\n\n

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

<ul>
<li>Coffee<\/li>
<li>Tea<\/li>
<li>Milk<\/li>
<\/ul><\/p>\n\n\n\n

Listas ordenadas<\/h2>\n\n\n\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>
<li>Coffee<\/li>
<li>Tea<\/li>
<li>Milk<\/li>
<\/ol><\/p>\n\n\n\n

Listas de descripci\u00f3n<\/h2>\n\n\n\n

HTML tambi\u00e9n admite listas de descripci\u00f3n<\/strong>. Una lista de descripci\u00f3n<\/strong> es una lista de t\u00e9rminos, con una descripci\u00f3n de cada t\u00e9rmino. La etiqueta <dl><\/em><\/strong> define la lista de descripci\u00f3n, la etiqueta <dt><\/em><\/strong> define el t\u00e9rmino (nombre) y la etiqueta <dd><\/em><\/strong> describe cada t\u00e9rmino.<\/p>\n\n\n\n

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

<dl>
<dt>Coffee<\/dt>
<dd>- black hot drink<\/dd>
<dt>Milk<\/dt>
<dd>- white cold drink<\/dd>
<\/dl><\/p>\n","protected":false},"excerpt":{"rendered":"

Las listas HTML permiten a los desarrolladores agrupar un conjunto de items relacionados en listas.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":41,"menu_order":30,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-177","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":"Las listas HTML permiten a los desarrolladores agrupar un conjunto de items relacionados en listas.","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/177","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=177"}],"version-history":[{"count":2,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/177\/revisions"}],"predecessor-version":[{"id":180,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/177\/revisions\/180"}],"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=177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}