À quoi ça sert
Cet outil transforme des données CSV en tableau HTML. La première ligne devient l’en-tête du tableau (des cellules <th> dans <thead>) et chaque autre ligne devient un <tr> dans <tbody>. Le balisage est indenté et sans styles inline : il est facile à lire, à modifier et à styliser.
Utilisez-le pour publier une feuille de calcul sur un site web, insérer un tableau dans un article de blog ou une newsletter, ou documenter des données dans une page HTML.
Mode d’emploi
- Collez du CSV dans le champ Entrée, importez un fichier
.csvou cliquez sur Exemple. - Le HTML apparaît à droite pendant la saisie.
- Choisissez le Délimiteur si la détection automatique se trompe, et désactivez La première ligne est l’en-tête si vos données n’ont pas d’en-tête.
- Copiez le HTML ou téléchargez-le sous forme de fichier
.html.
Exemple
name,city
Alice,Shanghaidevient
<table>
<thead>
<tr>
<th>name</th>
<th>city</th>
</tr>
</thead>
<tbody>
<tr>
<td>Alice</td>
<td>Shanghai</td>
</tr>
</tbody>
</table>Remarques
Les lignes qui ont moins de cellules que la ligne la plus large sont complétées par des cellules vides, pour que toutes les lignes aient le même nombre de colonnes.
FAQ
› Puis-je styliser le tableau généré ?
Oui. La sortie est un balisage <table>, <thead>, <tbody>, <tr>, <th> et <td> sans styles inline : il reprend donc le CSS de votre site. Ajoutez une classe à la balise <table> pour le cibler.
› Et si mon CSV n'a pas de ligne d'en-tête ?
Désactivez « La première ligne est l'en-tête ». Toutes les lignes sont alors écrites comme lignes de données et aucun <thead> n'est généré.
› Les caractères spéciaux posent-ils problème ?
Non. <, >, & et les guillemets sont échappés : le contenu des cellules s'affiche comme du texte et ne peut pas injecter de HTML. Les retours à la ligne dans une cellule deviennent des <br>.
› Y a-t-il une limite de taille ?
Les entrées jusqu'à 1 Mo sont converties pendant la saisie ; au-delà, l'outil passe en mode manuel : cliquez sur Exécuter.