Tables display data in rows and columns — think of a spreadsheet, a schedule, or a price comparison chart. They are one of the most powerful ways to organize structured data on the web.

Table Structure

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Alice</td>
      <td>25</td>
    </tr>
    <tr>
      <td>Bob</td>
      <td>30</td>
    </tr>
  </tbody>
</table>

Element Breakdown

Element	Purpose
<code>&lt;table&gt;</code>	The table container
<code>&lt;thead&gt;</code>	The header section (column names)
<code>&lt;tbody&gt;</code>	The body section (data rows)
<code>&lt;tr&gt;</code>	A table row
<code>&lt;th&gt;</code>	A table header cell (bold, centered by default)
<code>&lt;td&gt;</code>	A table data cell (regular content)

Best Practice

• Always use <thead> and <tbody> — they help screen readers distinguish headers from data.
• Tables are for tabular data only. Do not use tables for page layout (use CSS for that).

Your Task

Create a table with:

• A <thead> row with 3 headers: "Product", "Price", "Stock"
• A <tbody> with 2 data rows:

- "Laptop", "$999", "In Stock" - "Phone", "$699", "Sold Out"