Skip to tool

Support

Categories

File formats / 11 formats, every pair

JSON to HTML converter

Turn JSON into HTML — a `table` element with a head and a body — in this browser tab. Paste your JSON, copy the HTML: the quoting and escaping HTML needs are applied for you.

On-device prototype

JSON to HTML, worked out

3 rows and 4 columns: 20 lines of JSON become 30 lines of HTML.

JSON in

[
  {
    "product": "Desk lamp",
    "region": "EU",
    "units": "128",
    "unit price": "24.50"
  },
  {
    "product": "Chair",
    "region": "R&D",
    "units": "64",
    "unit price": "98.00"
  },
  {
    "product": "Monitor",
    "region": "APAC",
    "units": "32",
    "unit price": "249.99"
  }
]

HTML out

<table>
  <thead>
    <tr>
      <th>product</th>
      <th>region</th>
      <th>units</th>
      <th>unit price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Desk lamp</td>
      <td>EU</td>
      <td>128</td>
      <td>24.50</td>
    </tr>
    <tr>
      <td>Chair</td>
      <td>R&amp;D</td>
      <td>64</td>
      <td>98.00</td>
    </tr>
    <tr>
      <td>Monitor</td>
      <td>APAC</td>
      <td>32</td>
      <td>249.99</td>
    </tr>
  </tbody>
</table>

HTML result

<table>
  <thead>
    <tr>
      <th>product</th>
      <th>region</th>
      <th>units</th>
      <th>unit price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Desk lamp</td>
      <td>EU</td>
      <td>128</td>
      <td>24.50</td>
    </tr>
    <tr>
      <td>Chair</td>
      <td>R&amp;D</td>
      <td>64</td>
      <td>98.00</td>
    </tr>
    <tr>
      <td>Monitor</td>
      <td>APAC</td>
      <td>32</td>
      <td>249.99</td>
    </tr>
  </tbody>
</table>

Conversions next to this one

Next in this job

Chosen from where these tools sit in the catalogue — the same workbench, the same category, the same words. Nothing here measures what you or anyone else opened.