HOw to draw different tables in HTML with border code example

Example 1: table css

tr , th , td  {
    border: 1px solid black;
    padding: 5%;
    text-align: center;
}

Example 2: table html tages

<table>
  <tr> <!-- This is the first row -->
    <th>This is the heading</th>
    <th>Next heading to the right</th>
  </tr>
  <tr> <!-- This is the second row -->
    <td>This is where the table data goes</td>
    <td>This is the second columns data</td>
  </tr>
</table>