{"id":11609,"date":"2010-12-31T03:16:00","date_gmt":"2010-12-31T03:16:00","guid":{"rendered":"http:\/\/bme2.flywheelsites.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/"},"modified":"2020-12-04T15:00:14","modified_gmt":"2020-12-04T15:00:14","slug":"consejos-y-trucos-html-5-haciendo-listas","status":"publish","type":"post","link":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/","title":{"rendered":"Consejos y Trucos HTML # 5 &#8211; Haciendo Listas"},"content":{"rendered":"<h3 class=\"subtopic\" style=\"margin-top: 0px !important;\">Qu\u00e9 es\u00a0HTML<\/h3>\n<div>\n<p><img decoding=\"async\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips.png\" alt=\"\" align=\"right\" \/>HTML es el acr\u00f3nimo en ingl\u00e9s de (HyperText Markup Language), que se traduce al espa\u00f1ol como Lenguaje de Marcas H\u00edper textuales. Es utilizado por las p\u00e1ginas web, especialmente aquellos que utilizan HTTP o Protocolos de Transferencia de Hipertexto. HTML es el c\u00f3digo de programaci\u00f3n que se traduce en las im\u00e1genes que usted ve, incorpora videos, im\u00e1genes y guiones, estructura el contenido de una p\u00e1gina y provee el principal soporte para el <a href=\"https:\/\/ui.benchmarkemail.com\/es\/email-marketing\">software de Benchmark Email<\/a>.<\/p>\n<p>Para codificar correctamente con HTML usted utilizar\u00e1 los elementos HTML llamados etiquetas. Estas etiquetas se encuentran encerradas entre corchetes. Por ejemplo, &lt;h1&gt; es la etiqueta de inicio para una fuente grande de encabezado. Al final del encabezado o t\u00edtulo que estamos codificaci\u00f3n, ponemos una etiqueta de cierre, que incluye una barra diagonal &lt;\/ h1&gt;. Estas etiquetas incluyen la secci\u00f3n o el texto que desea formatear. Utilizamos las etiquetas de encabezado en nuestro primer blog de <a href=\"https:\/\/www-new.benchmarkemail.com\/es\/blogs\/detail\/consejos-html-y-trucos-1-midiendo-encabezados\">Consejos y trucos HTML.<\/a><\/p>\n<p>El Editor de Benchmark Email se encarga de casi todas sus necesidades de HTML. Pero para aquellos de ustedes que les gustan hacer su propio c\u00f3digo, o incluso para los curiosos que le gustar\u00eda darle una oportunidad, estos consejos le dar\u00e1 un conocimiento pr\u00e1ctico de la forma de c\u00f3digo, una etiqueta a la vez.<\/p>\n<\/div>\n<h3 class=\"subtopic\">Haciendo\u00a0Listas<\/h3>\n<div>\n<p>Hoy nos centraremos en la construcci\u00f3n de listas, ordenadas y desordenadas. Las listas pueden ser utilizadas por categor\u00edas de grupos y hacer que la informaci\u00f3n sea concisa y f\u00e1cil de leer. Usando HTML para codificar esas listas asegurar\u00e1 de que su separaci\u00f3n se mantendr\u00e1 uniforme y su alineaci\u00f3n no saldr\u00e1 mala.<\/p>\n<p><strong>Primero, abra su editor de correo electr\u00f3nico<\/strong> (Paso 4 al crear un nuevo correo electr\u00f3nico) y elegir una plantilla, preferiblemente uno que no tiene demasiados colores o dise\u00f1os locos ya agregados. Busque la secci\u00f3n que desea editar y haga clic en el icono del l\u00e1piz en la esquina superior izquierda.<\/p>\n<\/div>\n<div class=\"pt10 pb10\"><img decoding=\"async\" style=\"border: #cccccc 1px solid; padding: 2px;\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/html_tips5_01.gif\" alt=\"\" \/><\/div>\n<div>\nElimine todo el texto del cuerpo. Esto le dar\u00e1 menos c\u00f3digo cuado empiece a experimentar con su propio c\u00f3digo HTML. Escriba una frase breve y un saludo para orientarse cuando empecemos con el c\u00f3digo.<\/div>\n<div class=\"pt10 pb10\"><img decoding=\"async\" style=\"border: #cccccc 1px solid; padding: 2px;\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/html_tips5_02.gif\" alt=\"\" \/><\/div>\n<div>\n<p>Ahora haga clic en el bot\u00f3n Ver C\u00f3digo bajo el cuadro de Insertar Elementos Adicionales<\/p>\n<\/div>\n<div class=\"pt10 pb10\"><img decoding=\"async\" style=\"border: #cccccc 1px solid; padding: 2px;\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/html_tips3_screen_shot3.gif\" alt=\"\" \/><\/div>\n<div>\n<p>Este es el c\u00f3digo HTML de su documento. En el Edito de Benchmark Email, el HTML es un c\u00f3digo de colores para darle a usted la facilidad de uso. Busque su frase. Si no lo ha hecho, inserte una separaci\u00f3n de l\u00ednea &lt;br&gt; despu\u00e9s de su frase para que la lista se inicie en una nueva l\u00ednea (en algunos casos, la &lt;br&gt; no ser\u00e1 necesaria &#8211; pero para estar seguros vamos a incluirlo aqu\u00ed). Si desea la lista m\u00e1s abajo se puede a\u00f1adir m\u00e1s separaciones de l\u00ednea hasta que est\u00e9 satisfecho.<\/p>\n<\/div>\n<div class=\"pt10 pb10\"><img decoding=\"async\" style=\"border: #cccccc 1px solid; padding: 2px;\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/html_tips5_03.gif\" alt=\"\" \/><\/div>\n<h3 class=\"subtopic\">Listas Desordenadas<\/h3>\n<div>\n<p>Para empezar, vamos a probar con una lista desordenada. Esta es una lista simple de puntos centrados y la codificaci\u00f3n es muy sencilla. Para empezar la lista desordenada, introduzca &lt;ul&gt; despu\u00e9s de su separaci\u00f3n de l\u00ednea. Este comienza con el c\u00f3digo. Antes de que escribamos nuestra primera l\u00ednea de art\u00edculo, ingrese la l\u00ednea con la etiqueta de inicio &lt;li&gt;.<\/p>\n<p>Escribir el art\u00edculo. Puede ser tan larga como quiera y se alinear\u00e1 con puntos centrados. Para finalizar el tema, escriba &lt;\/ li&gt;. Para cerrar la lista, escriba &lt;\/ ul&gt;. Es aconsejable cerrar la lista para que no causare ning\u00fan error al comprobar la plantilla.<\/p>\n<\/div>\n<div class=\"pt10 pb10\"><img decoding=\"async\" style=\"border: #cccccc 1px solid; padding: 2px;\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/html_tips5_04.gif\" alt=\"\" \/><\/div>\n<h3>Guardar y Cerrar luego vea c\u00f3mo se ve hasta ahora.<\/h3>\n<div class=\"pt10 pb10\"><img decoding=\"async\" style=\"border: #cccccc 1px solid; padding: 2px;\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/html_tips5_05.gif\" alt=\"\" \/><\/div>\n<div>\n<p>Para a\u00f1adir m\u00e1s elementos a la lista, vuelve a la vista de c\u00f3digo y escriba una etiqueta &lt;li&gt; nuevo despu\u00e9s de su primer art\u00edculo de &lt;\/ li&gt; etiqueta de cierre. Puedes a\u00f1adir tantos como quieras, en cualquier longitud, siempre y cuando los art\u00edculos primero y el \u00faltimo a\u00fan figura en el interior del &lt;ul&gt; y &lt;\/ ul&gt; etiquetas.<\/p>\n<\/div>\n<div class=\"pt10 pb10\"><img decoding=\"async\" style=\"border: #cccccc 1px solid; padding: 2px;\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/html_tips5_06.gif\" alt=\"\" \/><\/div>\n<div>\n<p>Puede experimentar con los t\u00edtulos, fuentes y tama\u00f1os de fuente para personalizar sus listas.<\/p>\n<\/div>\n<div class=\"pt10 pb10\"><img decoding=\"async\" style=\"border: #cccccc 1px solid; padding: 2px;\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/html_tips5_07.gif\" alt=\"\" \/><\/div>\n<h3 class=\"subtopic\">Listas Ordenadas<\/h3>\n<div>\n<p>Una lista ordenada es igual que la lista desordenada, excepto que el c\u00f3digo inserta n\u00fameros en lugar de puntos centrados. Y, como habr\u00e1 adivinado, todo lo que necesita es una etiqueta &lt;ol&gt; para empezar.<\/p>\n<\/div>\n<div class=\"pt10 pb10\"><img decoding=\"async\" style=\"border: #cccccc 1px solid; padding: 2px;\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/html_tips5_08.gif\" alt=\"\" \/><\/div>\n<div>\n<p>Utilice la etiqueta &lt;ol&gt; para iniciar el c\u00f3digo y luego proceder igual que antes, usando &lt;li&gt; para cada nuevo elemento de l\u00ednea y &lt;\/ li&gt; al final de cada l\u00ednea nueva. Cuando haya terminado la lista, utilice la etiqueta de cierre &lt;\/ ol&gt;.<\/p>\n<\/div>\n<div class=\"pt10 pb10\"><img decoding=\"async\" style=\"border: #cccccc 1px solid; padding: 2px;\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/html_tips5_09.gif\" alt=\"\" \/><\/div>\n<div>\n<p>Recuerde, las etiquetas HTML instruyen a su c\u00f3digo de forma que aparezca. Si le ayuda visualmente para ordenar etiquetas vea como se muestra a continuaci\u00f3n:<\/p>\n<\/div>\n<div class=\"pt10 pb10\"><img decoding=\"async\" style=\"border: #cccccc 1px solid; padding: 2px;\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/html_tips5_10.gif\" alt=\"\" \/><\/div>\n<div>\n<p>Esto no afectar\u00e1 su producto final. Mientras que las etiquetas est\u00e9n en su lugar el c\u00f3digo sabr\u00e1 qu\u00e9 hacer con sus datos. Ahora que sabe las listas no tienen nada que temer, trate de experimentar con algunos de los suyos. Hasta entonces, y que tenga una feliz codificaci\u00f3n!<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Qu\u00e9 es\u00a0HTML HTML es el acr\u00f3nimo en ingl\u00e9s de (HyperText Markup Language), que se traduce al espa\u00f1ol como Lenguaje de Marcas H\u00edper textuales. Es utilizado por las p\u00e1ginas web, especialmente aquellos que utilizan HTTP o Protocolos de Transferencia de Hipertexto. HTML es el c\u00f3digo de programaci\u00f3n que se traduce en las im\u00e1genes que usted ve,&hellip;<\/p>\n","protected":false},"author":44,"featured_media":11610,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[3948],"tags":[2217,2723,2741,2742,2743,2744,2745,2746],"class_list":["post-11609","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-otros","tag-lista","tag-plantillas-de-correo-html","tag-como-hacer-email-marketing","tag-desorden","tag-haciendo-listas","tag-lista-desordenada","tag-lista-ordenada","tag-orden"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Consejos y Trucos HTML # 5 - Haciendo Listas - Benchmark Email<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Consejos y Trucos HTML # 5 - Haciendo Listas - Benchmark Email\" \/>\n<meta property=\"og:description\" content=\"Qu\u00e9 es\u00a0HTML HTML es el acr\u00f3nimo en ingl\u00e9s de (HyperText Markup Language), que se traduce al espa\u00f1ol como Lenguaje de Marcas H\u00edper textuales. Es utilizado por las p\u00e1ginas web, especialmente aquellos que utilizan HTTP o Protocolos de Transferencia de Hipertexto. HTML es el c\u00f3digo de programaci\u00f3n que se traduce en las im\u00e1genes que usted ve,&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/\" \/>\n<meta property=\"og:site_name\" content=\"Benchmark Email - Herramienta de Email Marketing\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/benchmarkemailes\" \/>\n<meta property=\"article:published_time\" content=\"2010-12-31T03:16:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-04T15:00:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"164\" \/>\n\t<meta property=\"og:image:height\" content=\"114\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Benchmark Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@benchmarkesp\" \/>\n<meta name=\"twitter:site\" content=\"@benchmarkesp\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Benchmark Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-5-haciendo-listas\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-5-haciendo-listas\\\/\"},\"author\":{\"name\":\"Benchmark Team\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/#\\\/schema\\\/person\\\/bb441e78bfef71cd3c31f51bbbbc627d\"},\"headline\":\"Consejos y Trucos HTML # 5 &#8211; Haciendo Listas\",\"datePublished\":\"2010-12-31T03:16:00+00:00\",\"dateModified\":\"2020-12-04T15:00:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-5-haciendo-listas\\\/\"},\"wordCount\":900,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-5-haciendo-listas\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2020\\\/02\\\/tips-2.png\",\"keywords\":[\"Lista\",\"plantillas de correo html\",\"como hacer email marketing\",\"desorden\",\"haciendo listas\",\"lista desordenada\",\"lista ordenada\",\"orden\"],\"articleSection\":[\"Otros Contenidos\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-5-haciendo-listas\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-5-haciendo-listas\\\/\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-5-haciendo-listas\\\/\",\"name\":\"Consejos y Trucos HTML # 5 - Haciendo Listas - Benchmark Email\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-5-haciendo-listas\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-5-haciendo-listas\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2020\\\/02\\\/tips-2.png\",\"datePublished\":\"2010-12-31T03:16:00+00:00\",\"dateModified\":\"2020-12-04T15:00:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-5-haciendo-listas\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-5-haciendo-listas\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-5-haciendo-listas\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2020\\\/02\\\/tips-2.png\",\"contentUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2020\\\/02\\\/tips-2.png\",\"width\":164,\"height\":114},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-5-haciendo-listas\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Consejos y Trucos HTML # 5 &#8211; Haciendo Listas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/\",\"name\":\"Benchmark Email - Herramienta de Email Marketing\",\"description\":\"Dise\u00f1a, env\u00eda, mide y optimiza tus campa\u00f1as de email y comun\u00edcate con tus clientes a trav\u00e9s del correo electr\u00f3nico.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/#organization\",\"name\":\"Benchmark Email\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2025\\\/10\\\/Benchmark-Logo-Full-Color-RGB.svg\",\"contentUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2025\\\/10\\\/Benchmark-Logo-Full-Color-RGB.svg\",\"width\":150,\"height\":28,\"caption\":\"Benchmark Email\"},\"image\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/benchmarkemailes\",\"https:\\\/\\\/x.com\\\/benchmarkesp\",\"https:\\\/\\\/twitter.com\\\/benchmarkesp\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/BenchmarkEmailESP\",\"https:\\\/\\\/www.tiktok.com\\\/@benchmarkespanol\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/#\\\/schema\\\/person\\\/bb441e78bfef71cd3c31f51bbbbc627d\",\"name\":\"Benchmark Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g\",\"caption\":\"Benchmark Team\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Consejos y Trucos HTML # 5 - Haciendo Listas - Benchmark Email","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/","og_locale":"en_US","og_type":"article","og_title":"Consejos y Trucos HTML # 5 - Haciendo Listas - Benchmark Email","og_description":"Qu\u00e9 es\u00a0HTML HTML es el acr\u00f3nimo en ingl\u00e9s de (HyperText Markup Language), que se traduce al espa\u00f1ol como Lenguaje de Marcas H\u00edper textuales. Es utilizado por las p\u00e1ginas web, especialmente aquellos que utilizan HTTP o Protocolos de Transferencia de Hipertexto. HTML es el c\u00f3digo de programaci\u00f3n que se traduce en las im\u00e1genes que usted ve,&hellip;","og_url":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/","og_site_name":"Benchmark Email - Herramienta de Email Marketing","article_publisher":"https:\/\/www.facebook.com\/benchmarkemailes","article_published_time":"2010-12-31T03:16:00+00:00","article_modified_time":"2020-12-04T15:00:14+00:00","og_image":[{"width":164,"height":114,"url":"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips-2.png","type":"image\/png"}],"author":"Benchmark Team","twitter_card":"summary_large_image","twitter_creator":"@benchmarkesp","twitter_site":"@benchmarkesp","twitter_misc":{"Written by":"Benchmark Team","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/#article","isPartOf":{"@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/"},"author":{"name":"Benchmark Team","@id":"https:\/\/www.benchmarkemail.com\/es\/#\/schema\/person\/bb441e78bfef71cd3c31f51bbbbc627d"},"headline":"Consejos y Trucos HTML # 5 &#8211; Haciendo Listas","datePublished":"2010-12-31T03:16:00+00:00","dateModified":"2020-12-04T15:00:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/"},"wordCount":900,"commentCount":0,"publisher":{"@id":"https:\/\/www.benchmarkemail.com\/es\/#organization"},"image":{"@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/#primaryimage"},"thumbnailUrl":"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips-2.png","keywords":["Lista","plantillas de correo html","como hacer email marketing","desorden","haciendo listas","lista desordenada","lista ordenada","orden"],"articleSection":["Otros Contenidos"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/","url":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/","name":"Consejos y Trucos HTML # 5 - Haciendo Listas - Benchmark Email","isPartOf":{"@id":"https:\/\/www.benchmarkemail.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/#primaryimage"},"image":{"@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/#primaryimage"},"thumbnailUrl":"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips-2.png","datePublished":"2010-12-31T03:16:00+00:00","dateModified":"2020-12-04T15:00:14+00:00","breadcrumb":{"@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/#primaryimage","url":"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips-2.png","contentUrl":"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips-2.png","width":164,"height":114},{"@type":"BreadcrumbList","@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-5-haciendo-listas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.benchmarkemail.com\/es\/"},{"@type":"ListItem","position":2,"name":"Consejos y Trucos HTML # 5 &#8211; Haciendo Listas"}]},{"@type":"WebSite","@id":"https:\/\/www.benchmarkemail.com\/es\/#website","url":"https:\/\/www.benchmarkemail.com\/es\/","name":"Benchmark Email - Herramienta de Email Marketing","description":"Dise\u00f1a, env\u00eda, mide y optimiza tus campa\u00f1as de email y comun\u00edcate con tus clientes a trav\u00e9s del correo electr\u00f3nico.","publisher":{"@id":"https:\/\/www.benchmarkemail.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.benchmarkemail.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.benchmarkemail.com\/es\/#organization","name":"Benchmark Email","url":"https:\/\/www.benchmarkemail.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.benchmarkemail.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2025\/10\/Benchmark-Logo-Full-Color-RGB.svg","contentUrl":"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2025\/10\/Benchmark-Logo-Full-Color-RGB.svg","width":150,"height":28,"caption":"Benchmark Email"},"image":{"@id":"https:\/\/www.benchmarkemail.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/benchmarkemailes","https:\/\/x.com\/benchmarkesp","https:\/\/twitter.com\/benchmarkesp","https:\/\/www.youtube.com\/user\/BenchmarkEmailESP","https:\/\/www.tiktok.com\/@benchmarkespanol"]},{"@type":"Person","@id":"https:\/\/www.benchmarkemail.com\/es\/#\/schema\/person\/bb441e78bfef71cd3c31f51bbbbc627d","name":"Benchmark Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g","caption":"Benchmark Team"}}]}},"_links":{"self":[{"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/posts\/11609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/comments?post=11609"}],"version-history":[{"count":0,"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/posts\/11609\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/media\/11610"}],"wp:attachment":[{"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/media?parent=11609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/categories?post=11609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/tags?post=11609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}