Générateur de tableau HTML accessible à partir du CSV

Mode d'emploi

Saisissez les cellules dans la grille, ou collez du CSV ou du TSV sous Coller du CSV ou du TSV et cliquez sur Charger dans le tableau.
Cochez La première ligne est un en-tête et La première colonne est un en-tête pour marquer les cellules d'en-tête.
Saisissez une Légende qui indique ce que montre le tableau. Cochez Ajouter un style minimal si le tableau a besoin de bordures.
Copiez la zone HTML, ou cliquez sur Télécharger, puis collez le balisage dans votre page.

Pourquoi les cellules d'en-tête ont un scope

Une cellule d'en-tête est un élément th, et non un td. Son attribut scope indique les cellules qu'elle désigne : col pour un en-tête au-dessus d'une colonne, et row pour un en-tête en début de ligne. Les lecteurs d'écran annoncent ces en-têtes avec chaque cellule de données : un visiteur qui ne voit pas la grille sait donc ce que représente un nombre.

La légende est le titre de tout le tableau, et c'est la première chose à l'intérieur du tableau. Écrivez une légende qui dit ce que montre le tableau, comme Ventes mensuelles, plutôt que de la laisser de côté. La section sur les tableaux du HTML décrit ces éléments.

en-tête au-dessus d'une colonne : th avec scope col ;  en-tête en début de ligne : th avec scope row ;  donnée : td

Coller depuis un tableur et l'échappement

Le texte CSV sépare les cellules par des virgules, des points-virgules ou des tabulations, et une cellule qui contient l'un de ces caractères est entourée de guillemets doubles. Copier des cellules depuis un tableur donne en général un texte séparé par des tabulations. Les tableurs des langues qui écrivent la partie décimale avec une virgule enregistrent souvent les CSV avec des points-virgules. Détecter lit la première ligne et choisit le séparateur qui revient le plus souvent.

Le texte de chaque cellule est échappé avant d'être écrit. Un caractère comme le signe inférieur ou l'esperluette devient une référence de caractère : il s'affiche donc comme texte sur la page et n'est jamais lu comme balisage. Une ligne courte est complétée par des cellules vides, pour que chaque ligne ait le même nombre de cellules.

Exemple détaillé : un tableau de deux colonnes avec une ligne et une colonne d'en-tête

Prenez les cellules Mois et Ventes dans la première ligne, et Jan et 1 200 dans la seconde, avec la première ligne et la première colonne comme en-têtes, et la légende Ventes.

Le tableau commence par un élément caption qui porte Ventes, puis une tête avec deux cellules d'en-tête, chacune avec le scope col, suivie d'un corps où Jan est une cellule d'en-tête avec le scope row et 1 200 une cellule de données.

Questions fréquentes

À quoi sert l'attribut scope ?

Il indique aux technologies d'assistance les cellules que désigne un en-tête. Un scope col signifie que l'en-tête se trouve au-dessus de sa colonne, et un scope row qu'il se trouve en début de sa ligne. Sans scope, un lecteur d'écran doit deviner la relation.

Quand dois-je utiliser la colonne d'en-tête ?

Lorsque la première colonne nomme chaque ligne, comme un produit, une personne ou un mois. Un tableau de nombres sans noms de lignes n'en a pas besoin : laissez-la donc désactivée.

Pourquoi le tableau a-t-il besoin d'une légende ?

Une légende donne au tableau un titre que les lecteurs d'écran annoncent avant les cellules. Elle aide aussi un visiteur voyant à comprendre d'un coup d'œil de quoi parle le tableau : écrivez-en une dès que le tableau se suffit à lui-même.

Quel séparateur choisir pour un tableur ?

Choisissez Tabulation pour du texte copié depuis un tableur, et Point-virgule pour un CSV enregistré dans une langue qui utilise la virgule comme séparateur décimal. Détecter convient dans la plupart des cas, et l'aperçu montre le résultat avant la copie.

Le style minimal modifie-t-il les autres tableaux de ma page ?

Oui, si vous le collez tel quel dans la page, car l'élément style s'applique à tous les tableaux de la page. Omettez-le si votre page a déjà un style pour ses tableaux, ou ne copiez que les règles dont vous avez besoin.

Le tableau que je saisis ou colle est-il envoyé ou enregistré quelque part ?

Non. Le tableau, l'aperçu et le HTML sont produits dans votre navigateur. Rien n'est stocké ni envoyé à notre serveur : copiez donc le HTML ou téléchargez-le avant de quitter la page.

Sources

Chiffres et texte vérifiés pour la dernière fois le mardi 10 novembre 2026.