Learn HTML – Part 33 – td Tag – Table Data Cells

The HTML td tag is used to define a data cell inside a table row.

Each table row (tr) contains one or more data cells that hold the actual table content.

What is the td Tag?

The td tag stands for Table Data.

It is used inside a tr element to display data in a table cell.

Basic Syntax

<table>
   <tr>
      <td>Data 1</td>
      <td>Data 2</td>
   </tr>
</table>

Example – Table with Data Cells

<table border="1">

   <tr>
      <td>Alice</td>
      <td>24</td>
   </tr>

</table>

Output:

Example – Multiple Data Rows

<table border="1">

   <tr>
      <th>Name</th>
      <th>Age</th>
   </tr>

   <tr>
      <td>Alice</td>
      <td>23</td>
   </tr>

   <tr>
      <td>Bob</td>
      <td>28</td>
   </tr>

</table>

Output:

Common Attributes of td

Example – Using colspan

<table border="1">

   <tr>
      <td colspan="2">Merged Cell</td>
   </tr>

</table>

Output:

Why Use the td Tag?

• Displays actual table data
• Organizes information into structured cells
• Works together with table and tr
• Supports cell merging using colspan and rowspan

The td tag holds the main data displayed inside a table.

Common Mistakes Beginners Make

• Placing td directly inside table instead of inside tr
• Using incorrect column counts in rows
• Using tables for layout instead of structured data

Conclusion

The HTML td tag is used to define data cells inside table rows.

It allows you to display structured data clearly within an HTML table.

What’s Next?

Now that you understand the td tag, the next step is learning about the th tag, which is used to define header cells inside HTML tables.

Next: Learn HTML – Part 34 – th Tag – Table Header Cells →

Series: Learn HTML Series