TPToolpazar

Global Araç

Table Generator

HTML
<table>
  <thead>
    <tr>
      <th style="text-align:left">R1C1</th>
      <th style="text-align:left">R1C2</th>
      <th style="text-align:left">R1C3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="text-align:left">R2C1</td>
      <td style="text-align:left">R2C2</td>
      <td style="text-align:left">R2C3</td>
    </tr>
    <tr>
      <td style="text-align:left">R3C1</td>
      <td style="text-align:left">R3C2</td>
      <td style="text-align:left">R3C3</td>
    </tr>
    <tr>
      <td style="text-align:left">R4C1</td>
      <td style="text-align:left">R4C2</td>
      <td style="text-align:left">R4C3</td>
    </tr>
  </tbody>
</table>
Markdown
| R1C1 | R1C2 | R1C3 |
| :--- | :--- | :--- |
| R2C1 | R2C2 | R2C3 |
| R3C1 | R3C2 | R3C3 |
| R4C1 | R4C2 | R4C3 |
CSV
R1C1,R1C2,R1C3
R2C1,R2C2,R2C3
R3C1,R3C2,R3C3
R4C1,R4C2,R4C3
TSV
R1C1	R1C2	R1C3
R2C1	R2C2	R2C3
R3C1	R3C2	R3C3
R4C1	R4C2	R4C3

A visual HTML table builder that outputs clean, semantic <table> markup. Toggle a header row, striped rows, borders, and per-column alignment. Handy for adding a simple comparison or pricing table to a blog post without opening a code editor.

If you'd rather have markdown, use markdown table generator. Format the final HTML with HTML formatter. Going the other way? HTML to markdown.

Nasıl Kullanılır

  1. Set rows and columns with + / − buttons.
  2. Toggle header row, striped, bordered, or compact variants.
  3. Type cell contents inline.
  4. Copy the HTML or preview the rendered result.