HTML में <table> टैग का उपयोग किसी वेब पेज पर टेबल (सारणी) बनाने के लिए किया जाता है। टेबल में डेटा को पंक्तियों और स्तंभों (rows और columns) के रूप में व्यवस्थित किया जाता है। टेबल बनाने के लिए कई अन्य टैग्स का भी उपयोग किया जाता है जैसे कि <tr>, <th>, और <td>।

HTML टेबल टैग्स और उनका उपयोग:

  1. <table>:
    • यह टैग पूरी टेबल को परिभाषित करता है।
  2. <tr> (Table Row):
    • इसका उपयोग टेबल की पंक्ति (row) बनाने के लिए किया जाता है।
  3. <th> (Table Header):
    • इसका उपयोग टेबल की हेडर सेल (header cell) बनाने के लिए किया जाता है। यह डेटा को बोल्ड और केंद्रित (centered) दिखाता है।
  4. <td> (Table Data):
    • इसका उपयोग टेबल की डेटा सेल (data cell) बनाने के लिए किया जाता है।

उदाहरण:

<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>टेबल का उदाहरण</title>
</head>
<body>
    <h1>HTML में टेबल</h1>
    <table border="1">
        <tr>
            <th>क्रमांक</th>
            <th>नाम</th>
            <th>आयु</th>
        </tr>
        <tr>
            <td>1</td>
            <td>राहुल</td>
            <td>25</td>
        </tr>
        <tr>
            <td>2</td>
            <td>सीमा</td>
            <td>30</td>
        </tr>
        <tr>
            <td>3</td>
            <td>अमन</td>
            <td>22</td>
        </tr>
    </table>
</body>
</html>

कोड की व्याख्या:

  1. <table border="1">: यह पूरी टेबल को परिभाषित करता है और border="1" से टेबल की सीमाओं (borders) को दिखाता है।

  2. <tr>: यह एक पंक्ति (row) को परिभाषित करता है। हर <tr> टैग के अंदर <th> या <td> टैग होते हैं।

  3. <th>: यह टेबल की हेडर सेल को दर्शाता है। उदाहरण के लिए, "क्रमांक", "नाम", और "आयु" हेडर सेल्स हैं।

  4. <td>: यह टेबल की डेटा सेल्स को दर्शाता है। हर पंक्ति में "1, राहुल, 25", "2, सीमा, 30", और "3, अमन, 22" डेटा के रूप में भरे गए हैं।