devpack
EnglishDeutschFrançaisEspañolPortuguês (Brasil)
Audit du site

Générateur de tableau HTML — Créez vos tableaux visuellement

Saisissez vos données dans un éditeur de type tableur ou collez-les depuis Excel ou Google Sheets, puis copiez un code tableau HTML propre et sémantique, avec <thead>, <tbody> et l'alignement, prêt pour un site web, un CMS ou un e-mail.

Mis à jour le
Astuce : collez une plage copiée depuis Excel ou Google Sheets dans n’importe quelle cellule.


Importer

    
 Vos données ne quittent jamais votre ordinateur. Tout le traitement se fait localement dans votre navigateur.

    
    
    

      
Comment utiliser : Générateur de tableau HTML
  1. Saisissez directement dans les cellules : la première ligne devient l'en-tête du tableau (<th>).
  2. Collez une plage depuis Excel ou Google Sheets dans une cellule pour remplir plusieurs cellules d'un coup.
  3. Définissez l'alignement de chaque colonne avec les boutons situés au-dessus d'elle.
  4. Copiez le HTML. Passez en Markdown si vous en avez besoin pour un README.


Anatomie d'un tableau HTML


<table>
  <thead>
    <tr><th scope="col">Plan</th><th scope="col" style="text-align: right">Price</th></tr>
  </thead>
  <tbody>
    <tr><td>Pro</td><td style="text-align: right">$12</td></tr>
  </tbody>
</table>


  • <thead> et <th scope="col"> marquent la ligne d'en-tête, afin que les lecteurs d'écran annoncent le nom de la colonne pour chaque cellule.
    • 

  • <tbody> contient les lignes de données. Les navigateurs l'ajoutent de toute façon, mais l'écrire rend vos sélecteurs CSS plus prévisibles.
    • 

  • Utilisez les tableaux uniquement pour des données tabulaires. Pour la mise en page, préférez le CSS Grid.


Tableaux dans les e-mails
Les clients de messagerie ignorent la plupart du CSS. Gardez donc votre tableau simple et utilisez les attributs d'alignement ajoutés par le générateur. Testez-le dans les clients qui comptent pour vous.


Vos données sont dans un fichier CSV ? Le convertisseur CSV vers tableau HTML les transforme directement.
Aussi recherché comme : générateur tableau html, créer tableau html, code tableau html, générateur html tableau, excel vers tableau html, créateur tableau html, tableau html en ligne, constructeur tableau html.
Outils complémentaires : Générateur de tableau HTML
  • Générateur de menu select — Arrêtez de saisir les options à la main.
  • Générateur de tableau Markdown — Composez un tableau dans un éditeur façon tableur — ou collez des cellules depuis Excel, Google Sheets ou un CSV — définissez l’alignement des colonnes et obtenez un tableau Markdown (GitHub Flavored) proprement aligné ou du HTML épuré.
  • Formateur HTML — Collez du balisage minifié ou désordonné et obtenez un HTML propre, indenté de manière cohérente, y compris les blocs <style> et <script> intégrés.
  • Minifieur HTML — Allégez vos pages et modèles HTML en supprimant les commentaires et les espaces superflus, en minifiant les <style> et <script> intégrés et en nettoyant les attributs, tout en conservant une mise en page identique.
Questions fréquentes
Comment créer un tableau HTML ?
Remplissez l'éditeur ici et copiez le code  généré. Vous pouvez aussi écrire 
, un  par ligne, des  avec des cellules 
 pour les cellules d'en-tête et des  pour les cellules de données.
Comment convertir une feuille Excel en tableau HTML ?
Copiez les cellules dans Excel, puis collez-les dans la première cellule de l'éditeur. Le HTML se met à jour instantanément.
Le HTML généré est-il accessible ?
Oui. La ligne d'en-tête est placée dans 
, que les lecteurs d'écran utilisent pour annoncer les colonnes.
Puis-je styliser le tableau ?
Ajoutez une classe à la balise  et définissez le style dans votre CSS. Le code généré ne contient aucun style en ligne, sauf text-align pour les colonnes alignées.
Puis-je installer Générateur de tableau HTML en tant qu’application web et l’utiliser hors ligne ?
Oui. Générateur de tableau HTML est une application web installable (PWA) : elle s’installe depuis votre navigateur, sans passer par une boutique d’applications. Cliquez sur « Installer l’application » en haut de cette page dans Chrome ou Edge (Windows, macOS, Linux, ChromeOS) ; sur Android, utilisez « Partager » → « Ajouter à l’écran d’accueil » sur iPhone et iPad ; ou « Fichier » → « Ajouter au Dock » dans Safari 17+ sur Mac. L’application s’ouvre alors dans sa propre fenêtre avec sa propre icône, et comme elle s’exécute entièrement dans votre navigateur, elle continue de fonctionner hors ligne. Firefox sur ordinateur de bureau ne permet pas d’installer d’applications web. Comment fonctionne l’installation.
Outils similaires
localGénérateur de menu selectArrêtez de saisir les options à la main. Choisissez une liste — pays (avec drapeaux et regroupement par…localGénérateur de tableau MarkdownComposez un tableau dans un éditeur façon tableur — ou collez des cellules depuis Excel, Google Sheets ou…localCSV et Excel vers tableau HTMLCollez vos cellules de tableur, votre CSV ou votre JSON pour obtenir un balisage de tableau HTML…localFormateur HTMLCollez du balisage minifié ou désordonné et obtenez un HTML propre, indenté de manière cohérente, y…localMinifieur HTMLAllégez vos pages et modèles HTML en supprimant les commentaires et les espaces superflus, en minifiant…localÉditeur HTML en ligneUn bac à sable de code léger : modifiez HTML, CSS et JavaScript côte à côte, voyez le résultat…