devpack
EnglishDeutschFrançaisEspañolPortuguês (Brasil)
Auditoría web

Generador de tablas HTML: crea tablas visualmente

Escribe tus datos en un editor tipo hoja de cálculo o pega desde Excel o Google Sheets, y copia código de tabla HTML limpio y semántico con <thead>, <tbody> y alineación, listo para una web, un CMS o un correo.

Actualizado el
Consejo: pega un rango copiado de Excel o Google Sheets en cualquier celda.


Importar

    
 Tus datos nunca salen de tu ordenador. Todo se procesa localmente en tu navegador.

    
    
    

      
Cómo usar: Generador de tablas HTML
  1. Escribe en las celdas: la primera fila se convierte en el encabezado de la tabla (<th>).
  2. Pega un rango de Excel o Google Sheets en una celda para rellenar muchas celdas a la vez.
  3. Define la alineación de cada columna con los botones situados encima de ella.
  4. Copia el HTML; cambia a Markdown si lo necesitas para un README.


Anatomía de una tabla HTML


<table>
  <thead>
    <tr><th scope="col">Plan</th><th scope="col" style="text-align: right">Precio</th></tr>
  </thead>
  <tbody>
    <tr><td>Pro</td><td style="text-align: right">$12</td></tr>
  </tbody>
</table>


  • <thead> y <th scope="col"> marcan la fila de encabezado, de modo que los lectores de pantalla anuncian el nombre de la columna en cada celda.
    • 

  • <tbody> agrupa las filas de datos; los navegadores lo añaden igualmente, pero escribirlo hace tus selectores CSS más predecibles.
    • 

  • Usa tablas solo para datos tabulares; para la maquetación de la página, usa CSS Grid en su lugar.


Tablas en correos electrónicos
Los clientes de correo ignoran la mayor parte del CSS, así que mantén la tabla sencilla y usa los atributos de alineación que añade el generador. Prueba en los clientes que te importen.


¿Tienes los datos en un archivo CSV? CSV a tabla HTML los convierte directamente.
También se busca como: crear tabla html, código de tabla html, generador tabla html, excel a tabla html, crear tabla html online, tabla html online, constructor de tablas html.
Herramientas que combinan con: Generador de tablas HTML
  • Generador de Select — Deja de escribir las listas de opciones a mano.
  • Generador de Tablas Markdown — Crea una tabla en un editor tipo hoja de cálculo —o pega celdas desde Excel, Google Sheets o CSV— define la alineación de las columnas y obtén una tabla Markdown bien alineada (estilo GitHub) o un HTML limpio.
  • Formateador HTML — Pega HTML minificado o desordenado y obtén HTML limpio y con sangría coherente, incluidos los bloques <style> y <script> incrustados.
  • Minificador de HTML — Reduce páginas y plantillas HTML eliminando comentarios y espacios en blanco innecesarios, minificando el <style> y el <script> inline y limpiando atributos, sin que cambie el diseño.
Preguntas frecuentes
¿Cómo hago una tabla HTML?
Rellena el editor de esta página y copia el código  generado, o escribe 
, un  por cada fila,  con celdas 
 para las celdas de encabezado y  para las celdas de datos.
¿Cómo convierto una hoja de Excel en una tabla HTML?
Copia las celdas en Excel y pégalas en la primera celda del editor. El HTML se actualiza al instante.
¿El HTML es accesible?
Sí: la fila de encabezado está en 
, que los lectores de pantalla usan para anunciar las columnas.
¿Puedo dar estilo a la tabla?
Añade una clase al  y dale estilo en tu CSS; el código generado no tiene estilos en línea salvo text-align para las columnas alineadas.
¿Puedo instalar Generador de tablas HTML como aplicación web y utilizarla sin conexión?
Sí. Generador de tablas HTML es una aplicación web instalable (PWA): se instala desde el navegador, no se descarga desde una tienda de aplicaciones. Haz clic en «Instalar aplicación» en la parte superior de esta página en Chrome o Edge (Windows, macOS, Linux, ChromeOS) o, en Android, utiliza «Compartir» → «Añadir a la pantalla de inicio» en iPhone y iPad, o «Archivo» → «Añadir al Dock» en Safari 17+ en un Mac. A continuación, se abrirá en su propia ventana con su propio icono y, como se ejecuta íntegramente en tu navegador, seguirá funcionando sin conexión. Firefox en el ordenador de sobremesa no permite instalar aplicaciones web. Cómo funciona la instalación.
Herramientas relacionadas
localGenerador de SelectDeja de escribir las listas de opciones a mano. Elige una lista — países (con banderas y grupos por…localGenerador de Tablas MarkdownCrea una tabla en un editor tipo hoja de cálculo —o pega celdas desde Excel, Google Sheets o CSV— define…localCSV y Excel a Tabla HTMLPega celdas de hoja de cálculo, CSV o JSON y obtén marcado de tabla HTML semántico y con escape, con un…localFormateador HTMLPega HTML minificado o desordenado y obtén HTML limpio y con sangría coherente, incluidos los bloques…localMinificador de HTMLReduce páginas y plantillas HTML eliminando comentarios y espacios en blanco innecesarios, minificando el…localEditor HTML en líneaUn playground de código ligero: edita HTML, CSS y JavaScript lado a lado, mira el resultado al instante,…