Aller au contenu
🛠️ToolsShed

Générateur de tableau HTML

Générez du balisage de tableau HTML avec des lignes, colonnes et options de style personnalisées.

Cell Content

Sortie HTML

Aperçu du tableau

Header 1 Header 2 Header 3
Cell 1,1 Cell 1,2 Cell 1,3
Cell 2,1 Cell 2,2 Cell 2,3
Cell 3,1 Cell 3,2 Cell 3,3

À propos de cet outil

Le Générateur de Tableaux HTML est un utilitaire simple pour créer des balises de tableau HTML correctement formatées sans écrire de code manuellement. Que vous construisiez un site web, ajoutiez des données à un article de blog ou documentiez des informations structurées, cet outil vous permet de définir visuellement la structure de votre tableau et génère du HTML propre et conforme aux normes que vous pouvez coller directement dans votre éditeur ou CMS.

Commencez par spécifier le nombre de lignes et de colonnes, puis remplissez le contenu des cellules à l'aide du formulaire interactif. L'outil offre des options de style telles que les bordures, la marge intérieure et la mise en forme des lignes d'en-tête pour que votre tableau soit soigné avant de copier le code. Une fois satisfait de la mise en page, copiez simplement le HTML généré et collez-le où vous le souhaitez—aucune dépendance ni bibliothèque externe n'est requise.

Cet outil est particulièrement utile pour les développeurs qui souhaitent éviter la saisie répétitive, les créateurs de contenu qui incorporent des données dans les articles et quiconque apprend le HTML et veut voir comment les tableaux sont structurés. L'aperçu instantané garantit que vous voyez exactement ce que vous obtiendrez, et la possibilité de personnaliser l'apparence signifie que vous pouvez l'adapter au design de votre projet sans ajustements CSS manuels.

Questions Fréquentes

Implémentation du Code

# Generate an HTML table from a list of dicts
def generate_html_table(headers, rows, border=True, stripe=False):
    border_attr = ' border="1" style="border-collapse:collapse"' if border else ""
    lines = [f"<table{border_attr}>", "  <thead><tr>"]
    for h in headers:
        lines.append(f"    <th>{h}</th>")
    lines.append("  </tr></thead>", "  <tbody>")
    for i, row in enumerate(rows):
        bg = ' style="background:#f2f2f2"' if stripe and i % 2 == 0 else ""
        lines.append(f"  <tr{bg}>")
        for cell in row:
            lines.append(f"    <td>{cell}</td>")
        lines.append("  </tr>")
    lines.append("  </tbody>", "</table>")
    return "\n".join(lines)

headers = ["Name", "Age", "City"]
rows = [["Alice", 30, "New York"], ["Bob", 25, "London"]]
print(generate_html_table(headers, rows, border=True, stripe=True))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.