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.