HTML में कक्षों को मर्ज करने के लिए, colspan और Rowpan विशेषता का उपयोग करें। रोस्पेन एट्रिब्यूट उन पंक्तियों की संख्या के लिए है, जिनमें एक सेल को फैलाना चाहिए, जबकि कॉल्सपैन एट्रीब्यूट उन कई कॉलमों के लिए होता है, जिन्हें एक सेल में फैलाना चाहिए।
दोनों विशेषताएँ टैग के अंदर होंगी। संख्या एक सांख्यिक मान होगी, उदाहरण के लिए, 2 पंक्तियों के लिए 2 यदि रोस्पैन है, 2 कॉलम के लिए 2 कॉलम यदि कॉलम स्पैन है।
उदाहरण
सबसे पहले, हम देखेंगे कि HTML में 3 पंक्तियों और 3 स्तंभों के साथ एक तालिका कैसे बनाई जाती है
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
width: 100px;
height: 50px;
}
</style>
</head>
<body>
<h1>Heading</h1>
<table>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html> आउटपुट
उदाहरण
आइए colspan और Rowpan विशेषता का उपयोग करके सेल मर्ज करें
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
width: 100px;
height: 50px;
}
</style>
</head>
<body>
<h1>Heading</h1>
<table>
<tr>
<th colspan="2"></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html> आउटपुट