Convert HTML table to JSON
Form for HTML converting to JSON
This form allows you convert HTML tables to JSON data, paste or upload your HTML file below:
Your result can be seen below.
Result of HTML conversion to JSON
Move to "Paste Code" for Save it
About HTML conversion to JSON
About HTML tables conversion to JSON data
The HTML to JSON Converter was created for online transform code of HTML tables into JSON(JavaScript Object Notation) data. It's very simple and easy way to transform and share HTML to JSON data.
How it Works?
Just paste or upload your HTML data to the textarea above and click to the button "Convert" and you will instantly get JSON data.
Example of HTML conversion to JSON
Before:<!DOCTYPE html> <html> <head> <style>h1{color:orange;text-align:center;}</style> </head> <body> <h1>HTML example!</h1> <p>This is a paragraph.</p> <table> <thead> <tr> <td>id</td> <td>firstName</td> <td>lastName</td> <td>age</td> </tr> </thead> <tr> <td>1</td> <td>Kim</td> <td>Kardashian</td> <td>39</td> </tr> <tr> <td>2</td> <td>Ariana</td> <td>Grande</td> <td>26</td> </tr> <tr> <td>3</td> <td>Cristiano</td> <td>Ronaldo</td> <td>35</td> </tr> <tr> <td></td> </tr> </table> </body> </html>After:
{ "root": { "rows": [ { "col1": "id", "col2": "firstName", "col3": "lastName", "col4": "age" }, { "col1": "1", "col2": "Kim", "col3": "Kardashian", "col4": "39" }, { "col1": "2", "col2": "Ariana", "col3": "Grande", "col4": "26" }, { "col1": "3", "col2": "Cristiano", "col3": "Ronaldo", "col4": "35" }] } }Or:
{ "root": { "rows": [ { "id": "1", "firstName": "Kim", "lastName": "Kardashian", "age": "39" }, { "id": "2", "firstName": "Ariana", "lastName": "Grande", "age": "26" }, { "id": "3", "firstName": "Cristiano", "lastName": "Ronaldo", "age": "35" }] } }After the conversion, you can apply the JSON data to your project or use it for some other purpose.
Related Tools