Construisez un tableau visuellement, obtenez un HTML propre. Configurez la structure à gauche (lignes, colonnes, en-tête, légende, bordures, couleurs, alignement), saisissez directement dans la grille, ou collez des données TSV / CSV / Excel. Le HTML est généré en temps réel et affiché à la fois comme code et comme aperçu en direct dans un bac à sable. Choisissez une sortie Classique (attributs border / cellpadding) ou Moderne (CSS en ligne), puis copiez le code ou téléchargez un fichier .html autonome. Tout s’exécute localement — aucun envoi.
Dimensions
Structure
Taille et bordures
Apparence
Sortie
Collez des données séparées par des tabulations ou des retours à la ligne (Excel ou TSV), ou séparées par des virgules (CSV avec prise en charge des guillemets).
Cellules5 × 5cliquez sur le petit × au bord d’une ligne ou d’une colonne pour la supprimer
Saisissez dans les cellules ou appuyez sur Générer pour créer le HTML.
Code HTML
Aperçu
en bac à sable — scripts désactivés
Conseils : le contenu des cellules est échappé en HTML par défaut, si bien qu’une saisie de type <script> ne peut pas casser le code généré ni l’aperçu ; ne décochez « Échapper le HTML des cellules » que si vous voulez volontairement injecter du balisage. Collez les lignes Excel en TSV (le bouton « Importer des données... » détecte automatiquement les tabulations ou les virgules). La grille prend en charge jusqu’à 100 lignes × 30 colonnes, et l’iframe d’aperçu est en bac à sable (sans scripts).
Des tableaux qui ont du sens
<th scope="col"> et scope="row" indiquent aux lecteurs d’écran ce que décrit chaque en-tête, et une <caption> nomme le tableau entier. colspan et rowspan fusionnent des cellules pour des données réellement fusionnées, mais ils perturbent les analyseurs lorsqu’on les utilise pour la mise en page visuelle.
Utilisez les tableaux pour les relations de données, et la grille CSS ou flexbox pour la mise en page — les tableaux de mise en page nuisent à l’accessibilité comme à l’adaptation aux écrans.
