आज इस आर्टिकल में हम आपको HTML Table Tutorials in Hindi – Part 10 के बारे में बताने जा रहे है.
HTML में table बनाने के लिए हम <table></table> tag का use करेंगे. जितनी भी बड़ी table हमें चाहिए हम सारा कोड इसी के बीच में लिखेंगे.
इस element के अन्दर हम <tr>,<th> और <td> element का इस्तेमाल करेंगे. जब भी हमने नई row बनानी होगी हम <tr></tr> का इस्तेमाल करेंगे. जब भी हमने एक ही row में कई colum बनाने होंगे तब हम <th> या <td> का इस्तेमाल करेंगे. <th> और <td> का इस्तेमाल हम <tr></tr> के बीच में ही इस्तेमाल करेंगे.
Example
<table> <tr> <th>Table Heading</th> <td>Table data</td> </tr> <tr> <td>2nd row data</td> <td>2nd row data</td> </tr></table>
यहाँ पर हमने 2 Row बनाई है इसीलिए हमने 2 <tr> का इस्तेमाल किया है.
HTML Table Caption
अगर आप किसी table को HTML Caption देना चाहते है तो आप <caption> element का इस्तेमाल कर सकते है.
Example
<table><caption>Table Caption</caption><tr> <th>Table Heading</th> <td>Table data</td> </tr> <tr> <td>2nd row data</td> <td>2nd row data</td> </tr></table>
इसका इस्तेमाल <table> element के बाद में किया जाता है.
Cells that Span Many Columns
colspan attribute का इस्तेमाल किसी एक column को expend करने के लिए किया जाता है.
<th colspan="2">Telephone</th>
Cells that Span Many Rows
rowspan attribute का इस्तेमाल किसी एक row को expend करने के लिए किया जाता है.
<th rowspan="2">Telephone:</th>
HTML Table Style
HTML की table की style के बारे में हम आपको CSS के tutorial में बताएँगे. की किस प्रकार हम किसी table की styling कर सकते है.
