{"id":207,"date":"2022-12-17T23:26:12","date_gmt":"2022-12-17T23:26:12","guid":{"rendered":"https:\/\/blog.hostinger.io\/es\/support\/2022\/12\/17\/6475162-hostinger-creador-de-sitios-web-como-insertar-una-tabla\/"},"modified":"2025-08-26T20:52:51","modified_gmt":"2025-08-26T20:52:51","slug":"6475162-hostinger-creador-de-sitios-web-como-insertar-una-tabla","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/es\/support\/6475162-hostinger-creador-de-sitios-web-como-insertar-una-tabla\/","title":{"rendered":"Hostinger Creador de Sitios Web: C\u00f3mo Insertar una Tabla"},"content":{"rendered":"<p class=\"no-margin\">Las tablas son muy &uacute;tiles para mostrar informaci&oacute;n particular, como tablas de tallas o precios.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Puedes crear tablas utilizando generadores de tablas en l&iacute;nea gratuitos e insertarlas en tu web. En este ejemplo, se utiliza la herramienta <b><a href=\"https:\/\/www.tablesgenerator.com\/html_tables\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Generador de tablas. <\/a><\/b>Sigue los pasos a continuaci&oacute;n para crear una tabla simple y a&ntilde;adirla en tu web &#128071;<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Abre la herramienta <b><a href=\"https:\/\/www.tablesgenerator.com\/html_tables\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Generador de tablas<\/a><\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Crea y personaliza tu tabla usando la barra de herramientas e ingresa todos los valores dentro de las celdas de la tabla. Haz clic en <b>Generar<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/12\/48ba6749-6520-4d4a-96df-05a36bb4302a.jpg\"><\/div><p class=\"no-margin\">3. Una vez que hayas creado una tabla, copia el c&oacute;digo generado:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/12\/63a40e05-9190-46b9-9422-651be39945d7.jpg\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">4. Abre el editor de tu web y agrega un elemento de <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6463152-website-builder-embed-code\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">c&oacute;digo personalizado<\/a><\/b>. Pega el c&oacute;digo copiado en &eacute;l. La tabla creada se mostrar&aacute; en tu web:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/12\/93cb6bea-a595-42b1-a7fb-f7b8ecc1df20.jpg\"><\/div><p class=\"no-margin\"><b>NOTA<\/b>: Para que la tabla sea desplazable, agrega <b><code>html{ overflow-x: visible; }<\/code> <\/b>al comienzo de tu c&oacute;digo, despu&eacute;s de <b><code>&lt;style type=\"text\/css\"&gt;<\/code><\/b><\/p><p class=\"no-margin\">\n<\/p><pre><code>&lt;style type=\"text\/css\"&gt;<br>html{<br>overflow-x: visible;<br>}<br><br>.tg {your code...<\/code><\/pre><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Puedes guardar los datos de tu tabla para editarlos en el futuro usando el bot&oacute;n <b>Guardar tabla&hellip; <\/b>Podr&aacute;s volver a cargar tu tabla guardada en esta herramienta usando el bot&oacute;n <b>Cargar tabla&hellip;<\/b> y realizar cambios en la tabla m&aacute;s tarde:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/12\/f3d33307-27a0-4fdc-b2bd-a51907a8e26e.jpg\"><\/div><p class=\"no-margin\">\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprende a insertar tablas en tu web con el Creador de sitios<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[256],"tags":[],"class_list":["post-207","post","type-post","status-publish","format-standard","hentry","category-elementos-del-sitio-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6475162-hostinger-website-builder-how-to-add-a-table\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6475162-hostinger-creador-de-sitios-web-como-insertar-una-tabla\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6475162-hostinger-createur-de-sites-web-comment-ajouter-un-tableau\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6475162-hostinger-svetainiu-kurimo-irankis-kaip-prideti-lentele\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6475162-hostinger-criador-de-sites-como-adicionar-uma-tabela\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/207\/revisions"}],"predecessor-version":[{"id":1428,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/207\/revisions\/1428"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/media?parent=207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/categories?post=207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/tags?post=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}