वेब डेवलपमेंट सीरीज - टेबल टैग

परिचय

• टेबल टैग का उपयोग टैबुलर डेटा दिखाने के लिए किया जाता है।
• पहले इसका उपयोग लेआउटिंग के लिए भी होता था, लेकिन अब ये कार्य CSS से होता है।

टेबल टैग के मुख्य तत्व

1. टैग्स:
   • table: मुख्य टैग
   • tr: टेबल की रो
   • td: टेबल डेटा
   • th: टेबल हेडिंग

टैग्स की कार्यप्रणाली

• th (टेबल हेडिंग):
  • बाय डिफॉल्ट बोल्ड और सेंटर में होता है।
• td (टेबल डेटा):
  • बाय डिफॉल्ट नॉर्मल टेक्स्ट और लेफ्ट अलाइंड होता है।

HTML और CSS

• टेबल को HTML में कैसे बनाते हैं और CSS के माध्यम से कैसे सजाते हैं।
• बॉर्डर्स और अलाइनमेंट्स CSS की मदद से अधिक सही ढंग से नियंत्रित किए जाते हैं।

HTML टेबल का सिंटैक्स

<table>
  <tr>
    <th>हेडिंग</th>
    <td>डेटा</td>
  </tr>
</table>

महत्वपूर्ण एट्रिब्यूट्स

• बॉर्डर:
  • HTML में बॉर्डर ऐट्रिब्यूट जोड़ सकते हैं।
  • CSS में border-collapse से बॉर्डर को एकल बना सकते हैं।
• सेल पैडिंग और सेल स्पेसिंग:
  • cellpadding: सेल और बॉर्डर के बीच की जगह।
  • cellspacing: दो सेल के बीच की जगह।
• एलाइन और वी एलाइन:
  • align: डेटा का क्षैतिज एलाइनमेंट।
  • valign: डेटा का उर्ध्वाधर एलाइनमेंट।

अन्य एट्रिब्यूट्स

• विथ और हाईट: टेबल की चौड़ाई और ऊँचाई सेट करते हैं।
• बैकग्राउंड और bgColor: टेबल के बैकग्राउंड कलर या इमेज सेट करते हैं।

T-हेड, T-बॉडी, और T-फूट

• T-हेड: टेबल की हेडिंग के लिए
• T-बॉडी: मुख्य डेटा के लिए
• T-फूट: टेबल के फूटर के लिए

कैप्शन टैग

• टेबल के शीर्षक को सेट करता है।
• align एट्रिब्यूट का उपयोग करके कैप्शन के स्थान को नियंत्रित कर सकते हैं।

अगले व्याख्यान में चर्चा

• अनियमित टेबल्स बनाना (Irregular Tables) जिसमें हर रो में समान कॉलम्स नहीं हों।

---

इन नोट्स को पढ़कर आप HTML के टेबल टैग का उपयोग करके वेब पेज पर डेटा कैसे प्रदर्शित किया जाता है, इसके बारे में समझ सकते हैं। इस प्रकार आप CSS की मदद से अधिक आकर्षक और संगठित टेबल्स बना सकते हैं।