HTML in Hindi

HTML Table Tutorials in Hindi – Part 10

आज इस आर्टिकल में हम आपको HTML Table Tutorials in Hindi – Part 10 के बारे में बताने जा रहे है.

HTML में table बनाने के लिए हम <table></table> tag का use करेंगे. जितनी भी बड़ी table हमें चाहिए हम सारा कोड इसी के बीच में लिखेंगे.

HTML Table Tutorials in Hindi - Part 10
HTML Table Tutorials in Hindi – Part 10

इस 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 कर सकते है.

HTML Lists Tutorials in Hindi – Part 11>>>>>>>

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button
Close