How to Data Markup ?

SEO Help and Tips

How to Data Markup ?

In this example, we have a basic HTML structure with a table containing three columns: "Name," "Age," and "City." The table has a header row defined within the <thead> element and three data rows within the <tbody> element. The CSS styles inside the <style> tag define the appearance of the table, including borders, padding, and background color.

Feel free to modify the table structure, add more rows or columns, and customize the styles to suit your needs.

Head Section:

  <style>

    table {

      border-collapse: collapse;

      width: 100%;

    }

    th, td {

      border: 1px solid black;

      padding: 8px;

      text-align: left;

    }

    th {

      background-color: #f2f2f2;

    }

  </style>

 Body Section:

  <table>

    <thead>

      <tr>

        <th>Name</th>

        <th>Age</th>

        <th>City</th>

      </tr>

    </thead>

    <tbody>

      <tr>

        <td>John Doe</td>

        <td>25</td>

        <td>New York</td>

      </tr>

      <tr>

        <td>Jane Smith</td>

        <td>30</td>

        <td>London</td>

      </tr>

      <tr>

        <td>Mark Johnson</td>

        <td>40</td>

        <td>Tokyo</td>

      </tr>

    </tbody>

  </table>