HTML में कक्षों को मर्ज करने के लिए, colspan और Rowpan विशेषता का उपयोग करें। रोस्पेन एट्रिब्यूट उन पंक्तियों की संख्या के लिए है, जिनमें एक सेल को फैलाना चाहिए, जबकि कॉल्सपैन एट्रीब्यूट उन कई कॉलमों के लिए होता है, जिन्हें एक सेल में फैलाना चाहिए।
दोनों विशेषताएँ
उदाहरण
सबसे पहले, हम देखेंगे कि 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> आउटपुट
-
एचटीएमएल <col> टैग
HTML में col टैग का उपयोग प्रत्येक कॉलम के लिए कॉलम गुण सेट करने के लिए किया जाता है। ये कॉलम एलीमेंट के अंदर होने चाहिए। निम्नलिखित विशेषता है - अवधि :कॉलम की संख्या एक तत्व का विस्तार होना चाहिए आइए अब HTML में col टैग को लागू करने के लिए एक उदाहरण देखें - उदाहरण <!DOCTYPE html> <ht
-
HTML colspan विशेषता
HTML में colspan विशेषता का उपयोग किसी तालिका में एक सेल द्वारा फैले कॉलम की संख्या निर्धारित करने के लिए किया जाता है। या तत्व पर colspan विशेषता का उपयोग करें। तत्व colspan विशेषता HTML में एलिमेंट का colspan एट्रिब्यूट यह निर्धारित करता है कि सेल में कितने कॉलम होने चाहिए निम्नलिखित वाक्य र
-
एचटीएमएल <केंद्र> टैग
HTML में सेंटर टैग का इस्तेमाल टेक्स्ट को सेंटर अलाइन करने के लिए किया जाता है। नोट : टैग HTML5 में समर्थित नहीं है। CSS उपयोग का सुझाव दिया गया है। आइए अब HTML में सेंटर टैग को लागू करने के लिए एक उदाहरण देखें - उदाहरण <!DOCTYPE html> <html> <head> <style> table, th, td {