What does the rowspan attribute do?

The rowspan attribute in HTML is used on <td> and <th> tags to merge cells vertically, meaning it lets a single cell span several table rows at once.

---

#Main purpose

rowspan defines how many rows down a cell will stretch. While a regular cell occupies one row, with rowspan it can merge two, three, or more.

---

#Example:

Here the cell with the name "Maria" spans two rows and sits to the left of two different cities.

---

#Explanation:

• The rowspan="2" attribute tells the browser: this cell should occupy two consecutive rows.
• Likewise, rowspan="3" spans three rows, and so on.

---

#Example in a summary table:

Here rowspan="2" merges the "Category" cell vertically, while colspan="2" merges the headers horizontally.

---

#Important:

• The rowspan value is a positive integer (for example, rowspan="3").
• The default is 1 (the cell is not merged).
• Setting too large a value can break the table's structure.

---

#Difference between colspan and rowspan:

---

#Conclusion:

The rowspan attribute merges cells vertically, letting a single cell span several rows. It is used to build more complex tables with data hierarchies, totals, and groupings.