{"id":11664,"date":"2011-01-24T03:40:34","date_gmt":"2011-01-24T03:40:34","guid":{"rendered":"http:\/\/bme2.flywheelsites.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/"},"modified":"2020-12-04T15:01:09","modified_gmt":"2020-12-04T15:01:09","slug":"consejos-y-trucos-html-7-etiquetas-div-y-menus","status":"publish","type":"post","link":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/","title":{"rendered":"Consejos y Trucos HTML # 7 &#8211; Etiquetas Div  y Men\u00fas"},"content":{"rendered":"<h2>Qu\u00e9 es\u00a0HTML?<\/h2>\n<p>HTML (HyperText Markup Language) que se traduce al espa\u00f1ol como Lenguaje de Marcas H\u00edper textuales es utilizado por las p\u00e1ginas web para traducir puros c\u00f3digos de computadoras en las im\u00e1genes, texto, cualquier cosa que usted ve en la Internet. Puede insertar v\u00eddeos, im\u00e1genes y secuencias de comandos y la estructura del contenido de una p\u00e1gina. Junto con CSS, HTML hace la mayor parte de lo que se ve en Internet. Tambi\u00e9n es la parte principal del <a href=\"https:\/\/ui.benchmarkemail.com\/es\/email-marketing\">software de email marketing de Benchmark<\/a>.<\/p>\n<p>Utilizamos elementos HTML llamados etiquetas para alterar el contenido de las p\u00e1ginas web o correos electr\u00f3nicos. Estas etiquetas se encuentran encerradas entre corchetes, como en el caso de &lt;h1&gt;, la etiqueta de inicio para una fuente grande de encabezado. Cada c\u00f3digo HTML debe empezar y terminar (muy apropiadamente) con una etiqueta de comienzo y una al final. Las etiquetas rodean un texto, imagen o la direcci\u00f3n, cualquier cosa que desee incluir en su contenido. La etiqueta final suele ser la misma que la etiqueta de inicio, pero comienza con una barra diagonal &lt;\/ h1&gt;. Para ver c\u00f3mo hemos utilizado las etiquetas de encabezado, eche un vistazo a nuestro primer blog <a href=\"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-html-y-trucos-1-midiendo-encabezados\/\">Consejos y Trucos HTML<\/a>.<\/p>\n<p>Saber utilizar HTML no es necesario para el Editor de Benchmark Email, pero para aquellos de ustedes que tienen curiosidad acerca de lo que hace que marcar su correo electr\u00f3nico, estas series de blogs le dar\u00e1n a conocer el funcionamiento interno del c\u00f3digo.<br \/>\n<br clear=\"all\" \/><\/p>\n<h2>Etiquetas Div\u00a0y Men\u00fas<\/h2>\n<p>Hoy vamos a llegar a la etiqueta &lt;div&gt;, una pieza vers\u00e1til de codificaci\u00f3n que funciona como una especie de c\u00f3digo maestro. La etiqueta &lt;div&gt; se introduce para establecer un trozo de c\u00f3digo HTML del resto de la secuencia de comandos. Una etiqueta &lt;div&gt; tiene muchos usos, pero para esta lecci\u00f3n la vamos a utilizar para insertar un men\u00fa en la parte superior de su bolet\u00edn electr\u00f3nico. El men\u00fa puede contener una serie de enlaces en las que los suscriptores pueden hacer clic en ellas directamente a una secci\u00f3n de su sitio web o bolet\u00edn de noticias.<\/p>\n<p><b>Paso\u00a01<\/b><\/p>\n<p>Primero, abra su Editor de Email (Paso 4 al crear un nuevo correo electr\u00f3nico) elija una plantilla, preferiblemente una que no tenga demasiados colores o dise\u00f1os 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<p><img loading=\"lazy\" decoding=\"async\" alt=\"\"class=\"alignleft size-full\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips7_1.gif\" width=\"288\" height=\"180\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><b>Paso\u00a02<\/b><br \/>\nVamos a mantener esto tan simple como sea posible. Escriba &#8220;Estimado fulano de tal &#8221; y una frase para usar como referencia. Ahora siga adelante y haga clic en Ver C\u00f3digo..<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\"class=\"alignleft size-full\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips7_2.gif\" width=\"260\" height=\"276\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><b>Paso\u00a03<\/b><br \/>\nEsta parte se ver\u00e1 un poco complicada pero qu\u00e9dese conmigo. Lo que queremos es crear un men\u00fa f\u00e1cil de reconocer que pueda dirigir a sus suscriptores a las secciones en su sitio web. La etiqueta &lt;div&gt; nos permite f\u00e1cilmente codificar varias direcciones en un solo espacio. Primero, abra su etiqueta de apertura con el c\u00f3digo &lt;div id=&#8221;menu&#8221;&gt;. Ingr\u00e9selo justo por encima de su texto &#8220;Estimado fulano de tal &#8220;.<\/p>\n<p>La etiqueta &lt;div&gt; comienza nuestra secci\u00f3n de codificaci\u00f3n y el id especifica un atributo HTML. D\u00f3nde quiere que valla su men\u00fa? A la izquierda, centro o derecha? Voy a alinear a la derecha. Para ello, siga el c\u00f3digo con &lt;div id=&#8221;menu&#8221; align=&#8221;right&#8221;&gt;. (Pero no dude en ingresar &#8220;left&#8221; o &#8220;center&#8221; para experimentar.) Los espacios s\u00f3lo deben ser entre div y id y el &#8220;men\u00fa&#8221; y align.\u00a0Vea a continuaci\u00f3n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\"class=\"alignleft size-full\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips7_3.gif\" width=\"552\" height=\"294\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Ahora queremos elegir a nuestros enlaces del men\u00fa. Escoja 3 direcciones al azar. Para este ejemplo vamos a configurar 3 enlaces en nuestro men\u00fa: Inicio, Plantillas y Blog. Quiero que los enlaces env\u00eden a los lectores a mi p\u00e1gina de inicio, la selecci\u00f3n de Plantilla y la p\u00e1gina de Blog, respectivamente. Para hacer eso, necesito poner un hiperv\u00ednculo a cada elemento del men\u00fa. Recuerda c\u00f3mo vinculamos las direcciones web? Eche un vistazo a <a href=\"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-4-agregando-enlaces\/\">Consejos y Trucos HTML # 4 \u2013 Agregando Enlaces <\/a>as\u00ed que a refrescar la memoria.<\/p>\n<p>Para a\u00f1adir sus elementos de men\u00fa, agregue cada direcci\u00f3n y la palabra que desea establecer en el enlace por debajo de la etiqueta &lt;div&gt; con un est\u00e1ndar &lt;a href&gt;. Vea a continuaci\u00f3n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\"class=\"alignleft size-full\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips7_4.gif\" width=\"562\" height=\"393\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Cierre la etiqueta con un &lt;\/ div&gt; debajo de sus enlaces y pulse en Guardar y Cerrar<\/p>\n<p><b>Paso 4<\/b><br \/>\nExcepto errores tipogr\u00e1ficos o disminuir entre comillas, la plantilla debe ser parecida a la imagen de abajo. Personalmente, a menudo me equivoco al escribir &#8220;align&#8221; como &#8220;alight&#8221; &#8211; que hace el men\u00fa la izquierda, ya que s\u00f3lo la palabra &#8220;align&#8221; traducir\u00e1 el c\u00f3digo correctamente. Tambi\u00e9n es f\u00e1cil pasar por alto las primeras o las \u00faltimas comillas al utilizar las etiquetas &lt;a href&gt;. Si el men\u00fa no se ve bien, valla de nuevo a Ver C\u00f3digo y revise cada etiqueta cuidadosamente..<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\"class=\"alignleft size-full\" src=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips7_5.gif\" width=\"516\" height=\"174\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>La etiqueta &lt;div&gt; es uno de los c\u00f3digos m\u00e1s utilizados en HTML y esto es s\u00f3lo el comienzo para lo que se puede utilizar. Agregue un men\u00fa en la parte superior de su pr\u00f3ximo <a href=\"https:\/\/www.benchmarkemail.com\/es\/email-marketing\/html-email-templates-listing\/Newsletters\">bolet\u00edn\u00a0informativo de correo\u00a0<\/a>con un aspecto profesional y un atajo conveniente para sus suscriptores. Hasta la pr\u00f3xima lecci\u00f3n y que tenga una feliz codificaci\u00f3n!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Qu\u00e9 es\u00a0HTML? HTML (HyperText Markup Language) que se traduce al espa\u00f1ol como Lenguaje de Marcas H\u00edper textuales es utilizado por las p\u00e1ginas web para traducir puros c\u00f3digos de computadoras en las im\u00e1genes, texto, cualquier cosa que usted ve en la Internet. Puede insertar v\u00eddeos, im\u00e1genes y secuencias de comandos y la estructura del contenido de&hellip;<\/p>\n","protected":false},"author":273,"featured_media":11665,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[3948],"tags":[],"class_list":["post-11664","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-otros"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Consejos y Trucos HTML # 7 - Etiquetas Div y Men\u00fas - 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-7-etiquetas-div-y-menus\/\" \/>\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 # 7 - Etiquetas Div y Men\u00fas - Benchmark Email\" \/>\n<meta property=\"og:description\" content=\"Qu\u00e9 es\u00a0HTML? HTML (HyperText Markup Language) que se traduce al espa\u00f1ol como Lenguaje de Marcas H\u00edper textuales es utilizado por las p\u00e1ginas web para traducir puros c\u00f3digos de computadoras en las im\u00e1genes, texto, cualquier cosa que usted ve en la Internet. Puede insertar v\u00eddeos, im\u00e1genes y secuencias de comandos y la estructura del contenido de&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/\" \/>\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=\"2011-01-24T03:40:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-04T15:01:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips7_1.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"288\" \/>\n\t<meta property=\"og:image:height\" content=\"180\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Pierce Nahigyan\" \/>\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=\"Pierce Nahigyan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 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-7-etiquetas-div-y-menus\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-7-etiquetas-div-y-menus\\\/\"},\"author\":{\"name\":\"Pierce Nahigyan\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/#\\\/schema\\\/person\\\/e3f57ff6b7bdc02edd3dbfbcddd127f9\"},\"headline\":\"Consejos y Trucos HTML # 7 &#8211; Etiquetas Div y Men\u00fas\",\"datePublished\":\"2011-01-24T03:40:34+00:00\",\"dateModified\":\"2020-12-04T15:01:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-7-etiquetas-div-y-menus\\\/\"},\"wordCount\":973,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-7-etiquetas-div-y-menus\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2020\\\/02\\\/tips7_1.gif\",\"articleSection\":[\"Otros Contenidos\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-7-etiquetas-div-y-menus\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-7-etiquetas-div-y-menus\\\/\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-7-etiquetas-div-y-menus\\\/\",\"name\":\"Consejos y Trucos HTML # 7 - Etiquetas Div y Men\u00fas - Benchmark Email\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-7-etiquetas-div-y-menus\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-7-etiquetas-div-y-menus\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2020\\\/02\\\/tips7_1.gif\",\"datePublished\":\"2011-01-24T03:40:34+00:00\",\"dateModified\":\"2020-12-04T15:01:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-7-etiquetas-div-y-menus\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-7-etiquetas-div-y-menus\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-7-etiquetas-div-y-menus\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2020\\\/02\\\/tips7_1.gif\",\"contentUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2020\\\/02\\\/tips7_1.gif\",\"width\":288,\"height\":180},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/blog\\\/consejos-y-trucos-html-7-etiquetas-div-y-menus\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Consejos y Trucos HTML # 7 &#8211; Etiquetas Div y Men\u00fas\"}]},{\"@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\\\/2019\\\/09\\\/benchmark-logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2019\\\/09\\\/benchmark-logo.svg\",\"width\":1,\"height\":1,\"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\\\/e3f57ff6b7bdc02edd3dbfbcddd127f9\",\"name\":\"Pierce Nahigyan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f37924c22b0f9e84fa9b022c6dcc6baf032b9e98481711ba220fe69f93d00e3f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f37924c22b0f9e84fa9b022c6dcc6baf032b9e98481711ba220fe69f93d00e3f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f37924c22b0f9e84fa9b022c6dcc6baf032b9e98481711ba220fe69f93d00e3f?s=96&d=mm&r=g\",\"caption\":\"Pierce Nahigyan\"},\"description\":\"Pierce Nahigyan was the Content Manager, editor and head copywriter for Benchmark Email from November 2010 - March 2013. He writes weekly short fiction at Aleph to Zydeco and film editorials for Primitive Screwheads.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Consejos y Trucos HTML # 7 - Etiquetas Div y Men\u00fas - 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-7-etiquetas-div-y-menus\/","og_locale":"en_US","og_type":"article","og_title":"Consejos y Trucos HTML # 7 - Etiquetas Div y Men\u00fas - Benchmark Email","og_description":"Qu\u00e9 es\u00a0HTML? HTML (HyperText Markup Language) que se traduce al espa\u00f1ol como Lenguaje de Marcas H\u00edper textuales es utilizado por las p\u00e1ginas web para traducir puros c\u00f3digos de computadoras en las im\u00e1genes, texto, cualquier cosa que usted ve en la Internet. Puede insertar v\u00eddeos, im\u00e1genes y secuencias de comandos y la estructura del contenido de&hellip;","og_url":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/","og_site_name":"Benchmark Email - Herramienta de Email Marketing","article_publisher":"https:\/\/www.facebook.com\/benchmarkemailes","article_published_time":"2011-01-24T03:40:34+00:00","article_modified_time":"2020-12-04T15:01:09+00:00","og_image":[{"width":288,"height":180,"url":"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips7_1.gif","type":"image\/gif"}],"author":"Pierce Nahigyan","twitter_card":"summary_large_image","twitter_creator":"@benchmarkesp","twitter_site":"@benchmarkesp","twitter_misc":{"Written by":"Pierce Nahigyan","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/#article","isPartOf":{"@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/"},"author":{"name":"Pierce Nahigyan","@id":"https:\/\/www.benchmarkemail.com\/es\/#\/schema\/person\/e3f57ff6b7bdc02edd3dbfbcddd127f9"},"headline":"Consejos y Trucos HTML # 7 &#8211; Etiquetas Div y Men\u00fas","datePublished":"2011-01-24T03:40:34+00:00","dateModified":"2020-12-04T15:01:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/"},"wordCount":973,"commentCount":0,"publisher":{"@id":"https:\/\/www.benchmarkemail.com\/es\/#organization"},"image":{"@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/#primaryimage"},"thumbnailUrl":"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips7_1.gif","articleSection":["Otros Contenidos"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/","url":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/","name":"Consejos y Trucos HTML # 7 - Etiquetas Div y Men\u00fas - Benchmark Email","isPartOf":{"@id":"https:\/\/www.benchmarkemail.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/#primaryimage"},"image":{"@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/#primaryimage"},"thumbnailUrl":"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips7_1.gif","datePublished":"2011-01-24T03:40:34+00:00","dateModified":"2020-12-04T15:01:09+00:00","breadcrumb":{"@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/#primaryimage","url":"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips7_1.gif","contentUrl":"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2020\/02\/tips7_1.gif","width":288,"height":180},{"@type":"BreadcrumbList","@id":"https:\/\/www.benchmarkemail.com\/es\/blog\/consejos-y-trucos-html-7-etiquetas-div-y-menus\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.benchmarkemail.com\/es\/"},{"@type":"ListItem","position":2,"name":"Consejos y Trucos HTML # 7 &#8211; Etiquetas Div y Men\u00fas"}]},{"@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\/2019\/09\/benchmark-logo.svg","contentUrl":"https:\/\/www.benchmarkemail.com\/es\/wp-content\/uploads\/sites\/4\/2019\/09\/benchmark-logo.svg","width":1,"height":1,"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\/e3f57ff6b7bdc02edd3dbfbcddd127f9","name":"Pierce Nahigyan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f37924c22b0f9e84fa9b022c6dcc6baf032b9e98481711ba220fe69f93d00e3f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f37924c22b0f9e84fa9b022c6dcc6baf032b9e98481711ba220fe69f93d00e3f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f37924c22b0f9e84fa9b022c6dcc6baf032b9e98481711ba220fe69f93d00e3f?s=96&d=mm&r=g","caption":"Pierce Nahigyan"},"description":"Pierce Nahigyan was the Content Manager, editor and head copywriter for Benchmark Email from November 2010 - March 2013. He writes weekly short fiction at Aleph to Zydeco and film editorials for Primitive Screwheads."}]}},"_links":{"self":[{"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/posts\/11664","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\/273"}],"replies":[{"embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/comments?post=11664"}],"version-history":[{"count":0,"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/posts\/11664\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/media\/11665"}],"wp:attachment":[{"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/media?parent=11664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/categories?post=11664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/es\/wp-json\/wp\/v2\/tags?post=11664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}