Webpage पर table create करने के लिए <table> tag का उपयोग किया जाता है, table में information को row and column से बने cell में store किया जाता है।
Creating a Table
table में row को create करने के लिए <tr> tag, cell को create करने लिए <td> (table data) का उपयोग करते है।
<!--creating a table -->
<table>
<!-- Table row -->
<tr>
<!-- table cell -->
<td>Student Name</td>
<td>Marks</td>
</tr>
<!-- second row -->
<tr>
<td>Rahul</td>
<td>78</td>
</tr>
<!-- third row -->
<tr>
<td>Abhishek</td>
<td>85</td>
</tr>
</table>OUTPUT
| Student Name | Marks |
| Rahul | 78 |
| Abhishek | 85 |
Above दी गयी table में border के लिए border attribute का उपयोग किया जाता है।
Syntax
border=”border width”
<!--creating a table -->
<table border="1">
<!-- Table row -->
<tr>
<!-- table cell -->
<td>Student Name</td>
<td>Marks</td>
</tr>
<!-- second row -->
<tr>
<td>Rahul</td>
<td>78</td>
</tr>
<!-- third row -->
<tr>
<td>Abhishek</td>
<td>85</td>
</tr>
</table>| Student Name | Marks |
| Rahul | 78 |
| Abhishek | 85 |
table में table header create करने के लिए <th> (Table head) और table footer के लिए <tfoot> (table footer), border collapse करने के (css में border-collapse=”collapse”) का उपयोग करते है।
table body – table head तथा table footer को छोड़कर जो remaining row रह रह गयी है उसे table body में रख सकते है।
<!--creating a table -->
<table border="1" style="border-collapse: collapse;">
<!-- Table row -->
<tr>
<!-- table header -->
<th>Student Name</th>
<th>Marks</th>
</tr>
<!-- table body -->
<tbody>
<!-- second row -->
<tr>
<td>Rahul</td>
<td>78</td>
</tr>
<!-- third row -->
<tr>
<td>Abhishek</td>
<td>85</td>
</tr>
</tbody>
<!-- footer -->
<tfoot>
<tr>
<td>Total students 2</td>
<td>Average percentage 81.5</td>
</tr>
</tfoot>
</table>OUTPUT
| Student Name | Marks |
|---|---|
| Rahul | 78 |
| Abhishek | 85 |
| Total students 2 | Average percentage 81.5 |
Table Padding & Spacing
Cell me padding or spacing dene ke liye upyog kar sakte hai, jese ki example me diya gaya hai