Convertisseur CSV vers Tableau HTML
Convertit des fichiers CSV en un extrait HTML utilisant le balisage <table><tr><td>. Choisissez le délimiteur, si la première ligne sert d'en-tête et si les lignes doivent être encadrées par <thead>/<tbody>. Le résultat est prévisualisé en direct et peut être copié ou téléchargé. La conversion s'effectue entièrement dans votre navigateur ; aucune donnée n'est envoyée à un serveur.
| Délimiteur |
|
|---|---|
| Utiliser la première ligne comme en-tête | |
| Encadrer avec thead/tbody |
Aperçu
Code HTML
Copié !Saisissez des données CSV pour voir ici le tableau HTML généré.
Comment une ligne CSV correspond à un tableau HTML
| Une ligne CSV | name,age,city |
|---|---|
| Balisage HTML résultant | <tr><td>name</td><td>age</td><td>city</td></tr> |
Lorsque la première ligne est utilisée comme en-tête, elle devient une ligne de balises <th> ; chaque ligne suivante devient une ligne de balises <td>.
Astuces
- Pour un e-mail HTML ou un ancien CMS sans prise en charge de Markdown, la sortie minimale sans thead/tbody est souvent plus simple à utiliser.
- Tout
<,>ou&présent dans une cellule est automatiquement échappé en entité HTML, si bien que coller le code généré ne casse pas la mise en page. - L'aperçu affiche le tableau converti exactement comme le ferait un navigateur, ce qui permet de vérifier son rendu avant de copier le code.
- Combinez cet outil avec les outils jumeaux CSV vers Markdown et CSV vers JSON pour convertir un même CSV dans le format dont vous avez besoin.
Questions Fréquentes
<table> standard, qui peut être collé directement dans le mode d'édition HTML de WordPress ou dans le corps d'un e-mail HTML.
Anecdote — Pourquoi la balise <table> refuse de disparaître
À la fin des années 1990, aux débuts du Web, la « mise en page par tableaux » — construire toute la structure d'une page avec des balises <table> — était la norme. CSS offrait alors très peu de possibilités de mise en page, et les tableaux étaient à peu près le seul moyen concret d'organiser du contenu en plusieurs colonnes, si bien que le code HTML de l'époque regorgeait d'éléments <table> n'ayant aucun rapport avec des données tabulaires.
Aujourd'hui, CSS a mûri et Flexbox ainsi que Grid sont largement répandus, si bien qu'utiliser des tableaux pour la mise en page est considéré comme un anti-pattern bien connu. Mais pour son usage d'origine — représenter de vraies données organisées en lignes et en colonnes — <table> reste le choix le plus approprié et le plus accessible, car les lecteurs d'écran peuvent annoncer la relation entre les cellules <th> et <td>.
Le besoin de coller du contenu CSV dans un article de blog ou une newsletter reste courant aujourd'hui, car les e-mails HTML ne peuvent pas restituer Markdown et certains CMS n'ont pas de plugin Markdown. Un outil qui convertit en un clic le résultat d'un tableur en tableau HTML répond à ce besoin pratique simple mais toujours présent.