टेबल का प्रयोग वेबपेज में विभिन्न प्रकार से किया जाता है । टेबल का प्रयोग सारणी बनाने, सूची बनाने या फिर पेज को डिजाइन करने के लिये भी किया जाता है । अर्थात् कुछ मामलों में पेज के लेआउट को बनाने में भी टेबल की मदद ली जा सकती है ।
टेबल बनाने के लिये सबसे पहले टेबल ओपिनिंग टैग को प्रारम्भ करते हैं । फिर इसके अन्तर्गत रो, कालम और सेल बनाये जाते हैं । यह बहुत ही आसान सी प्रक्रिया है ।
माना कि हमें तीन कॉलम और दो रो की एक टेबल बनानी है । इसे इस तरह बनायेंगे । -
<!Doctype html>
<html>
<head></head>
<body>
<table border="1"> ओपिनिंग टैग शुरू
<tr> पहली टेबल रो शुरू
<td></td> पहली रो का पहला सेल
<td></td> दूसरा सेल
<td></td> तीसरा सेल
</tr> पहली रो बन्द
<tr> दूसरी टेबल रो शुरू
<td></td> दूसरी रो का पहला सेल
<td></td> दूसरा सेल
<td></td> तीसरा सेल
</tr> दूसरी रो बन्द
</table> टेबल बन्द टैग
</body>
</html>
इसका परिणाम कुछ इस तरह होगा ।
अब इसे स्टाइल करते हैं ।
<!Doctype html>
<html>
<head>
<style>
table td{width:100%; padding:20px; background:yellow;}
</style>
</head>
<body>
<table border="1">
<tr>
<td></td><td></td><td></td>
</tr><tr>
<td></td><td></td><td></td>
</tr>
</table>
</body>
</html>
परिणाम
आपका टेबल तैयार है । इसका प्रयोग आप इच्छानुसार कर सकते हैं । इनके बीच में आप कुछ भी लिख सकते हैं ।
टेबल के अन्तर्गत आने वाली मुख्य चीजें -
<table></table> टेबल ओपिनिंग और क्लोजिंग टैग
</tr></tr> टेबल रो
<th></th> टेबल हेडिंग
<td></td> टेबल सेल
इनका प्रयोग उपर्युक्त तरीके से ही होता है ।
<table>
<table></table>
</tr>
<th>पहली हेडिंग</th><th>दूसरी हेडिंग</th><th>तीसरी हेडिंग</th>
<td>पहला सेल</td><td>दूसरा सेल</td><td>तीसरा सेल</td> </tr>
</table>
इसी को आवश्यकतानुसार बढाते जाते हैं ।
Comments
Post a Comment