आज इस आर्टिकल में हम आपको 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 कर सकते है.,