ZeroServer.tools

HTML Table Builder

Build HTML tables visually — add rows and columns, edit cells, set alignment. Copy clean HTML output.

Table options

Caption (optional)

BorderedStriped rows

Structure

4 rows × 4 columns

HTML output

<table border="1" cellpadding="6" cellspacing="0" style="border-collapse:collapse">
  <tr>
    <th style="background:#f1f5f9;font-weight:bold">Column 1</th>
    <th style="background:#f1f5f9;font-weight:bold">Column 2</th>
    <th style="background:#f1f5f9;font-weight:bold">Column 3</th>
    <th style="background:#f1f5f9;font-weight:bold">Column 4</th>
  </tr>
  <tr>
    <td style="background:#f8fafc"></td>
    <td style="background:#f8fafc"></td>
    <td style="background:#f8fafc"></td>
    <td style="background:#f8fafc"></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td style="background:#f8fafc"></td>
    <td style="background:#f8fafc"></td>
    <td style="background:#f8fafc"></td>
    <td style="background:#f8fafc"></td>
  </tr>
</table>

HTML table structure

HTML tables use <table>, <tr> (row), <th> (header cell), and <td> (data cell) elements. colspan and rowspan merge cells across columns or rows. Adding a <caption> improves accessibility. Use border-collapse: collapse in CSS to merge cell borders.