HTML Table

HTML Table Tag क्या है?

HTML में <table> Tag का उपयोग Rows और Columns के रूप में Data को Organize और Display करने के लिए किया जाता है।
👉 आसान शब्दों में, Table का मतलब है सारणी (तालिका) जिसमें जानकारी को सुव्यवस्थित (Organized) तरीके से दिखाया जाता है।

Table से जुड़े मुख्य Tags

<table> → Table को Define करता है।
<tr> → Table Row (पंक्ति) बनाता है।
<td> → Table Data (Cell) बनाता है।
<th> → Table Header (Heading Cell) बनाता है।
<caption> → Table का Title दिखाता है।

HTML Table Syntax


<table>
   <tr>
      <th>Heading 1</th>
      <th>Heading 2</th>
   </tr>
   <tr>
      <td>Row 1, Data 1</td>
      <td>Row 1, Data 2</td>
   </tr>
   <tr>
      <td>Row 2, Data 1</td>
      <td>Row 2, Data 2</td>
   </tr>
</table>

👉 इसमें <tr> एक Row बनाता है, और <td> उस Row के अंदर Data Show करता है।

HTML Table Example with Border


<!DOCTYPE html>
<html>
<head>
    <title>HTML Table Example</title>
</head>
<body>
    <h2>Student Data Table</h2>
    <table border="1">
        <tr>
            <th>Roll No</th>
            <th>Name</th>
            <th>Marks</th>
        </tr>
        <tr>
            <td>101</td>
            <td>Ajay</td>
            <td>85</td>
        </tr>
        <tr>
            <td>102</td>
            <td>Neha</td>
            <td>92</td>
        </tr>
    </table>
</body>
</html>

👉 Output: एक Simple Student Data Table जिसमें Border दिखाई देगा।

Table Tag Attributes

border → Table की सीमा (Border) निर्धारित करता है।
cellpadding → Cell के अंदर Content और Border के बीच Space देता है।
cellspacing → Cells के बीच का Gap सेट करता है।
width → Table की चौड़ाई निर्धारित करता है।
align → Table को Page पर Align करता है।

Conclusion

HTML में <table> Tag का उपयोग Data को सुव्यवस्थित तरीके से दिखाने के लिए किया जाता है।
👉 Basic Tags – <table>, <tr>, <td>, <th> – को समझकर आप आसानी से Tables बना सकते हैं।