Un generador de tablas HTML convierte filas de datos en el marcado HTML que los representa como una tabla en un navegador. Pegas valores separados por comas o por pestañas, eliges cómo debe verse la tabla y la herramienta escribe un elemento <table> completo con <thead>, <tbody> y filas y celdas de tabla. En lugar de escribir manualmente cada <tr>, <th> y <td> y contar celdas para mantener las columnas alineadas, pegas los datos una vez y copias el marcado de respaldo que está listo para colocar en una página web, una plantilla de correo electrónico o un archivo de documentación.
Existe porque escribir HTML a mano en la tabla es repetitivo y propenso a errores. Una tabla con diez filas y cinco columnas necesita más de cincuenta etiquetas de celda, todas abiertas y cerradas correctamente, y un solo </td> faltante rompe el diseño. Accesibilidad agrega más detalles: las celdas del encabezado deben ser <th> con un atributo de alcance para que los lectores de pantalla las anuncien, y una tabla a menudo necesita un <caption> que describa su contenido. Este generador aplica esas reglas por usted. La primera fila puede convertirse en un encabezado adecuado, la primera columna de cada fila puede convertirse en un encabezado de fila y cada valor de celda se escapa en HTML para que caracteres como < y & se muestren como texto en lugar de romper la página.
Todo se ejecuta en tu navegador. Los datos que pega se analizan y convierten en JavaScript en su propio dispositivo, por lo que no se carga, registra ni almacena nada, y la herramienta sigue funcionando con la red desconectada una vez que la página se ha cargado. Puede elegir cómo se entrega el estilo: nombres de clases modernos con un bloque CSS coincidente, estilos en línea autónomos que sobreviven pegados en un correo electrónico o HTML semántico simple sin ningún estilo. Las opciones para filas rayadas, bordes, un diseño compacto y sangría le permiten hacer coincidir la salida con el proyecto en el que lo está pegando.
Pegue filas separadas por comas o por pestañas en el cuadro de entrada. El delimitador se detecta automáticamente o puede configurarlo manualmente si los datos son ambiguos.
Decida si la primera fila es un encabezado de columna y si la primera columna de cada fila es un encabezado de fila, para que los lectores de pantalla anuncien las celdas correctas.
Agregue un título, active filas o bordes rayados, elija un diseño compacto y elija CSS basado en clases, estilos en línea o HTML semántico simple.
Haga clic en Generar para crear la tabla, luego copie el HTML y, en modo clase, el CSS correspondiente en su proyecto. Todo permanece en tu navegador.
Pegue datos de coma, pestaña, punto y coma o separados por tuberías. El delimitador se detecta automáticamente y los campos citados con separadores integrados se analizan correctamente.
La primera fila puede convertirse en <th alcance="col"> y la primera columna <th alcance="fila">, por lo que la tecnología de asistencia anuncia encabezados para cada celda de datos.
Emita nombres de clases con un bloque CSS coincidente, estilos en línea autónomos para correo electrónico o HTML semántico simple sin estilo, dependiendo de dónde llegue la tabla.
Agregue franjas de cebra, bordes de celda, un diseño compacto y un elemento <caption>, todo aplicado de manera consistente en cada fila de la tabla.
Format, beautify, and minify HTML online. Re-indents messy or minified markup, keeps script, style, and pre content verbatim, and runs entirely in your browser.
Convert HTML to clean Markdown instantly. Turns headings, lists, links, images, blockquotes, code blocks and tables into portable GitHub Flavored Markdown. Tolerant of messy CMS markup. 100% client-side.
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
Generate a linked table of contents from Markdown headings
0 comments
No comments yet. Be the first to share your thoughts!