हेल्लो दोस्तों स्वागत है आपका हमारी एक और HTML Language कि फायदेमंद पोस्ट में | इस पोस्ट में Table Tag In Html In Hindi यानि कि HTML टेबल के सभी टैग्स के बारे में बोहोत ही आसान तरीके से आपकी सरल भाषा हिन्दी में दर्शाया गया है |
Table Tag In Html In Hindi
Article Type | HTML Language |
Article Category | Computer |
Article Name | HTML Table के विभिन्न Tags |
Article Language | Hindi |
Official Website | shubhampal.co.in |
HTML Table के विभिन्न Tags
Html table tag in hindi: HTML में टेबल को बनाने के लिए विभिन्न प्रकार के टेबल टैग्स का प्रयोग किया जाता है जिसमे हम टेबल को बनाने के लिए सबसे पहले तो <TABLE> tag का प्रयोग करते है और फिर उसके बाद में हम उसके अंदर टेबल की rows को बनाने के लिए <TR> tag का प्रयोग करते है और इसी प्रकार हम टेबल के अन्य टैग्स का प्रयोग करके आसानी से HTML में table को बना सकते है |
दोस्तों इस पोस्ट में टेबल में विभिन्न टैग्स के बारे में उनके उदाहरण सहित बताया गया है जिसे पढ़करके आप बोहोत ही आसानी से टेबल के सभी टैग्स के बारे में आसानी से समझ सकते है |
1. <TABLE> Tag
Table tag in html: HTML में
table को create करने के लिए <TABLE> tag का प्रयोग किया जाता है जोकि एक container tag होता हैं। किसी भी table को हम हमेशा rows तथा columns का use करके create करते हैं। HTML Webpage में data को एक व्यवस्थित तरीके से प्रदर्शित करने के लिए हम tables को create करते हैं।
<TABLE> tag के माध्यम से create की गयी table में सबसे पहले हम table के head को create करते है, फिर table की body तथा last में हम table के footer को create करते हैं।
Example: HTML में <TABLE> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<table border="1"> <tr><th>Name</th><th>City</th></tr> <tr><td>Shubham</td><td>Kanpur</td></tr> </table>
2. <CAPTION> Tag
Caption tag in html: HTML table में table के caption या topic को define करने के लिए <CAPTION> tag का use किया जाता है। <CAPTION> tag एक container tag होता है जिसे हमेशा <TABLE> tag के साथ में अन्दर उपयोग किया जाता है।
Example: HTML में <CAPTION> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<table border="1"> <caption>Students List</caption> <thead> <tr><th>Name</th><th>City</th></tr> </thead> <tbody> <tr><td>Shubham</td><td>Kanpur</td></tr> </tbody> </table>
3. <THEAD>,<TBODY> और <TFOOT> Tags
Thead, Tbody and Tfoot tag in html: HTML table में table के head के लिए <THEAD> tag, table की body के लिए <TBODY> tag और table के footer के लिए <TFOOT> tag का use किया जाता है। यह तीनों ही container tag होते है जोकि <TABLE> tag के अन्दर use किये जाते हैं।
Example: HTML में <THEAD>,<TBODY> और <TFOOT> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<table border="1"> <thead> <tr><th>Name</th><th>City</th></tr> </thead> <tbody> <tr><td>Shubham</td><td>Kanpur</td></tr> </tbody> <tfoot> <tr><td>Ajay</td><td>Lucknow</td></tr> </tfoot> </table>
4. <TR>,<TH> और <TD> Tags
TR, TH and TD tag in html: HTML table में table की row को define करने के लिए के लिए <TR> tag, table की headings को define करने के लिए के अन्दर <TH> tag तथा table के data को define करने के लिए <TR> tag के अन्दर <TD> tag का use किया जाता है। यह तीनों tags ही container tag होते हैं।
Example: HTML में <TR>,<TH> और <TD> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<table border="1"> <thead> <tr><th>Name</th><th>City</th></tr> </thead> <tbody> <tr><td>Shubham</td><td>Kanpur</td></tr> <tbody> </table>
5. <COLGROUP> और <COL> Tags
Colgroup and Col tag in html: HTML में <COLGROUP> एक container tug होता है जबकि <COL> tag एक single tag होता है।
HTML table में एक या एक-से-अधिक columns की formatting या columns को design करने के लिए हम का <COLGROUP> tag का use करते हैं तथा <COLGROUP> tag के अन्दर <COL> Tag का use करके inline CSS के द्वारा हम table के columns की formatting कर सकते हैं।
<COL> Tag के अन्दर हम span attributes का प्रयोग करके एकसाथ एक से अधिक columns की same formatting केवल single <COL> Tag के द्वारा ही कर सकते हैं।
Example: HTML में <COLGROUP> और <COL> टैग का प्रयोग निम्न प्रकार से किया जाता है।
<table border="1"> <colgroup> <col style="color: blue" span="2"> </colgroup> <thead> <tr><th>Name</th><th>Roll No.</th><th>City</th></tr> </thead> <tbody> <tr><td>Shubham</td><td>01</td><td>Kanpur</td></tr> <tr><td>Ram</td><td>02</td> <td>Kolkata</td></tr> </tbody> </table>
निष्कर्ष – HTML table tag in hindi
दोस्तों मैं उम्मीद करता हूँ कि मैंने इस पोस्ट के माध्यम से आपको Table tag in html in hindi यानि कि HTML टेबल के सभी टैग्स के बारे में बताया है उन्हें आप बोहोत ही आसानी से समझ गए होंगे गए होंगे क्यूंकि मैंने इस पोस्ट के माध्यम से आपको बोहोत ही आसानी से यह समझाने का पूर्णतः प्रयास किया है कि आप कैसे HTML table के सभी tags का प्रयोग कर सकते है।
पोस्ट को पूरा पढने के लिए धन्यवाद ! अगर आपका इस पोस्ट से सम्बन्धित कोई भी प्रश्न है तो आप नीचे कमेंट करके पूंछ सकते है |
यह भी पढ़ें –
Shubham Pal (शुभम पाल) एक Digital Creator है जिसका हिन्दी ब्लॉग shubhampal.co.in है | इस ब्लॉग पर आपको टेक्नोलॉजी और कंप्यूटर से सम्बंधित बोहत सारी चीजो के बारे में बोहोत ही सरल भाषा में सीखने को मिलता है इसके साथ-साथ हमारे इस हिंदी ब्लॉग पर आपको YouTube , Blogging , Affiliate Marketing और ऑनलाइन पैसा कमाने के बोहोत सारे तरीको के बारे में भी जानने और सीखने को मिलता है |