HTML टेबल का उपयोग
टैग का उपयोग करके टेबल बनाने के लिए किया जाता है। तालिका में, प्रत्येक पंक्ति को टैग का उपयोग करके निर्दिष्ट किया जाता है और तालिका शीर्षलेख कोटैग का उपयोग करके परिभाषित किया जाता है। तालिका डेटा को | टैग का उपयोग करके परिभाषित किया जाता है। सिंटैक्सनिम्नलिखित वाक्य रचना है - <table> <tr> <th>Table Header</th> <th>Table Header</th> </tr> <tr> <td>Table data</td> <td>Table data</td> </tr> <tr> <td>Table data</td> <td>Table data</td> </tr> </table> HTML तालिका विशेषताएँ
HTML कैप्शन तत्वहम HTML कैप्शन एलिमेंट का उपयोग करके टेबल के लिए कैप्शन भी सेट कर सकते हैं। सिंटैक्सनिम्नलिखित वाक्य रचना है - <caption>text</caption> उदाहरणआइए HTML टेबल्स का एक उदाहरण देखें: <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC; background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); text-align: center; } table { margin: 2rem auto; width: 400px; } caption { color: #fff; font-size: 1.5rem; } </style> <body> <h1>HTML Tables</h1> <table border="2"> <caption>Student Data</caption> <tr> <th>Name</th> <th>Roll No.</th> </tr> <tr> <td>John</td> <td>031717</td> </tr> <tr> <td>Elon</td> <td>051717</td> </tr> </table> </body> </html> आउटपुट
|
---|