Convert HTML table to YAML

Form for HTML converting to YAML

This form allows you convert HTML tables to YAML data, paste or upload your HTML file below:


Your result can be seen below.

Result of HTML conversion to YAML


Move to "Paste Code" for Save it

About HTML conversion to YAML

About HTML tables conversion to YAML data

The HTML to YAML Converter was created for online transform code of HTML tables into YAML Ain't Markup Language(YAML) data. It's very simple and easy way to transform and share HTML to YAML 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 YAML data.

Example of HTML conversion to YAML

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 YAML data to your project or use it for some other purpose.