HTML में टेबल के साथ काम करना
अब हम HTML में टेबल बनाना सीखेंगे। मुझे लगता है, आप जानते हैं कि सामान्य जीवन में टेबल क्या होती है - यह पंक्तियों और स्तंभों का एक समूह होती है, जिनके चौराहे पर सेल स्थित होते हैं।
HTML में टेबल एक समान सिद्धांत पर बनाई जाती हैं। वहाँ भी सेल वाले स्तंभ और पंक्तियाँ होते हैं, हालाँकि, टेबल का HTML कोड पहली नज़र में असामान्य लग सकता है: टेबल पंक्तियों के अनुसार बनाई जाती हैं - पहले पहली पंक्ति, फिर दूसरी और इसी तरह आगे।
टेबल के कोड में एक कठोर संरचना होती है: मुख्य
टैग table होता है, जिसके अंदर
tr टैग होने चाहिए, जो टेबल की
पंक्तियाँ बनाते हैं, और उनके अंदर - td टैग,
जो सेल बनाते हैं। table टैग
में border विशेषता हो सकती है, जो
टेबल और उसके सेल को बॉर्डर देती है।
आइए उदाहरण के लिए तीन पंक्तियों और प्रत्येक पंक्ति में तीन सेल वाली एक टेबल बनाएँ:
<table border="1">
<tr>
<td>सेल 1</td>
<td>सेल 2</td>
<td>सेल 3</td>
</tr>
<tr>
<td>सेल 4</td>
<td>सेल 5</td>
<td>सेल 6</td>
</tr>
<tr>
<td>सेल 7</td>
<td>सेल 8</td>
<td>सेल 9</td>
</tr>
</table>
:
नीचे दिए गए उदाहरण को दोहराएँ: