JSFiddle - React, Tailwind, and code Playground

by Professor Tom DeDonno

HTML

<!DOCTYPE html>
<html>
<body>

<p>
Tables start with a table tag.<br>
Table rows start with a tr tag.<br>
Table data start with a td tag.
</p>
<hr>

<h2>1 Column:</h2>
<table>
<tr><th>One Number</th></tr>
  <tr>
    <td>1,000,000,000,000</td>
  </tr>
</table>
<hr>

<h2>1 Row and 3 Columns:</h2>
<table>
<tr><th>#1</th><th>#2</th><th>#3</th></tr>
  <tr>
    <td>100</td>
    <td>200</td>
    <td>300</td>
  </tr>
</table>
<hr>

<h2>3 Rows and 3 Columns:</h2>
<table>
  <tr>
    <th>Row1:</th>
    <td>100</td>
    <td>200</td>
    <td>300</td>
  </tr>
  <tr>
    <th>Row2:</th>
    <td>400</td>
    <td>500</td>
    <td>600</td>
  </tr>
  <tr>
    <th>Row3:</th>
    <td>700</td>
    <td>800</td>
    <td>900</td>
  </tr>
</table>

<hr>

</body>
</html>
<strong>same has h4</strong>