Un générateur de table HTML transforme des lignes de données en balisage HTML qui les rend sous forme de tableau dans un navigateur Vous collez des valeurs séparées par des virgules ou des tabulations, choisissez à quoi devrait ressembler la table et l'outil écrit un élément <table> complet avec <thead>, <tbody> et des lignes et cellules de table. Au lieu de taper manuellement chaque <tr>, <th> et <td> et de compter les cellules pour maintenir les colonnes alignées, vous collez les données une fois et copiez le balisage de sauvegarde prêt à être déposé dans une page Web, un modèle de courrier électronique ou un fichier de documentation.
Il existe parce que l'écriture manuelle du tableau HTML est répétitive et sujette aux erreurs Une table avec dix lignes et cinq colonnes a besoin de plus de cinquante balises de cellule, toutes correctement ouvertes et fermées, et un seul </td> manquant brise la disposition L'accessibilité ajoute plus de détails : les cellules d'en-tête doivent être <th> avec un attribut de portée pour que les lecteurs d'écran les annoncent, et une table a souvent besoin d'un <caption> décrivant son contenu Ce générateur applique ces règles pour vous La première ligne peut devenir un en-tête approprié, la première colonne de chaque ligne peut devenir un en-tête de ligne, et chaque valeur de cellule est HTML-emballée de sorte que des caractères comme < et & afficher comme texte plutôt que de casser la page.
Tout s'exécute dans votre navigateur Les données que vous collez sont analysées et converties en JavaScript sur votre propre appareil, donc rien n'est téléchargé, enregistré ou stocké, et l'outil continue de fonctionner avec le réseau déconnecté une fois la page chargée Vous pouvez choisir comment le style est livré : noms de classes modernes avec un bloc CSS correspondant, styles en ligne autonomes qui survivent à être collés dans un e-mail, ou HTML sémantique simple sans aucun style Options pour les lignes rayées, les bordures, une mise en page compacte et l'indentation vous permettent de faire correspondre la sortie au projet dans lequel vous le collez.
Collez les lignes séparées par des virgules ou des onglets dans la zone de saisie Le délimiteur est détecté automatiquement, ou vous pouvez le définir manuellement si les données sont ambiguës.
Décidez si la première ligne est un en-tête de colonne et si la première colonne de chaque ligne est un en-tête de ligne, de sorte que les lecteurs d'écran annoncent les bonnes cellules.
Ajoutez une légende, activez les lignes ou les bordures rayées, choisissez une mise en page compacte et choisissez un CSS basé sur la classe, des styles en ligne ou du HTML sémantique simple.
Cliquez sur Générer pour construire le tableau, puis copiez le HTML et, en mode classe, le CSS correspondant dans votre projet Tout reste dans votre navigateur.
Collez des données séparées par des virgules, des onglets, des points-virgules ou des tuyaux Le délimiteur est détecté automatiquement et les champs cités avec des séparateurs intégrés sont analysés correctement.
La première ligne peut devenir <th scope=« col »> et la première colonne <th scope=« row »>, donc la technologie d'assistance annonce des en-têtes pour chaque cellule de données.
Émettez des noms de classe avec un bloc CSS correspondant, des styles en ligne autonomes pour la messagerie électronique ou du HTML sémantique simple sans style, selon l'endroit où se trouve la table.
Ajoutez des rayures zébrées, des bordures de cellules, une disposition compacte et un élément <caption>, le tout appliqué de manière cohérente sur chaque ligne du tableau.
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!