Skip to content

HTML Table Generator

Generate HTML table code with a visual editor. Set rows, columns, headers and styling. Copy clean HTML instantly.

<table style="border-collapse: collapse; width: 100%">
  <thead>
    <tr>
      <th style="border: 1px solid #ddd; padding: 8px; text-align: left; background-color: #f2f2f2; font-weight: bold">Header 1</th>
      <th style="border: 1px solid #ddd; padding: 8px; text-align: left; background-color: #f2f2f2; font-weight: bold">Header 2</th>
      <th style="border: 1px solid #ddd; padding: 8px; text-align: left; background-color: #f2f2f2; font-weight: bold">Header 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="border: 1px solid #ddd; padding: 8px; text-align: left">Row 1 Col 1</td>
      <td style="border: 1px solid #ddd; padding: 8px; text-align: left">Row 1 Col 2</td>
      <td style="border: 1px solid #ddd; padding: 8px; text-align: left">Row 1 Col 3</td>
    </tr>
    <tr>
      <td style="border: 1px solid #ddd; padding: 8px; text-align: left">Row 2 Col 1</td>
      <td style="border: 1px solid #ddd; padding: 8px; text-align: left">Row 2 Col 2</td>
      <td style="border: 1px solid #ddd; padding: 8px; text-align: left">Row 2 Col 3</td>
    </tr>
    <tr>
      <td style="border: 1px solid #ddd; padding: 8px; text-align: left">Row 3 Col 1</td>
      <td style="border: 1px solid #ddd; padding: 8px; text-align: left">Row 3 Col 2</td>
      <td style="border: 1px solid #ddd; padding: 8px; text-align: left">Row 3 Col 3</td>
    </tr>
  </tbody>
</table>

About HTML Tables

HTML tables are used to display structured data in rows and columns on web pages. The table element uses thead, tbody, tr, th and td tags to organize content. Proper table markup improves accessibility, as screen readers can navigate tabular data more effectively. This generator creates clean, well-formatted HTML table code that you can paste directly into your projects. You can customize headers, borders, striped rows and hover effects, then copy the generated code with one click.

Related Tools

View all
CSS & Design

CSS Box Shadow Generator

Create CSS box shadows with a visual editor. Adjust offset, blur, spread, color and opacity. Support for multiple shadow layers.

Open tool
CSS & Design

CSS Gradient Generator

Create beautiful CSS gradients with a visual editor. Generate linear, radial and conic gradients with custom colors and angles.

Open tool
CSS & Design

CSS Grid Generator

Create CSS grid layouts with a visual editor. Define rows, columns, gaps and template areas. Copy the CSS code instantly.

Open tool
CSS & Design

CSS Flexbox Generator

Create CSS flexbox layouts with a visual editor. Adjust direction, wrap, justify, align and gap. Copy the CSS code instantly.

Open tool