Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में टेबल कैसे बनाएं?


HTML <table> टैग का उपयोग टेबल परिभाषित करने के लिए किया जाता है। टेबल टैग में अन्य टैग्स होते हैं जो टेबल की संरचना को परिभाषित करते हैं।

निम्न एट्रिब्यूट्स हैं (अधिकांश डिप्रिकेटेड, CSS उपयोग करें):

एट्रिब्यूट वैल्यू विवरण
abbr abbreviated_text डिप्रिकेटेड - सेल में कंटेंट का संक्षिप्त संस्करण निर्दिष्ट करता है
align right, left, center, justify, char डिप्रिकेटेड - विज़ुअल अलाइनमेंट
bgcolor rgb(x,x,x), #hexcode, colorname डिप्रिकेटेड - टेबल का बैकग्राउंड कलर निर्दिष्ट करता है
border Pixels डिप्रिकेटेड - बॉर्डर चौड़ाई निर्दिष्ट करता है। "0" का मतलब नो बॉर्डर
cellpadding पिक्सल्स या % डिप्रिकेटेड - सेल बॉर्डर्स और उनके कंटेंट के बीच स्पेस
cellspacing पिक्सल्स या % डिप्रिकेटेड - सेल्स के बीच स्पेस
frame void, above, below, hsides, lhs, rhs, vsides, box, border डिप्रिकेटेड - बॉर्डर एट्रिब्यूट के साथ संयोजन में, फ्रेम का कौन सा साइड डिस्प्ले होगा
rules none, groups, rows, cols, all डिप्रिकेटेड - सेल्स के बीच कौन से नियम दिखाई देंगे
summary Text डिप्रिकेटेड - कंटेंट का सारांश निर्दिष्ट करता है
width पिक्सल्स या % डिप्रिकेटेड - टेबल की चौड़ाई निर्दिष्ट करता है

उदाहरण

HTML में टेबल बनाने के लिए निम्न कोड चलाएं:

<!DOCTYPE html> <html>    <head>       <style>          table, th, td {             border: 1px solid black;          }       </style>    </head>    <body>       <h3>Ranking</h3>       <table>          <th>Rank</th>          <tr>             <td>One</td>          </tr>          <tr>             <td>Two</td>          </tr>       </table>    </body> </html>

मॉडर्न स्ट्रक्चर: <table> > <thead>/<tbody>/<tfoot> > <tr> > <th>/<td>। स्टाइलिंग के लिए CSS उपयोग करें।

  1. HTML में टेबल बॉर्डर कैसे बनाएं? HTML में टेबल बॉर्डर कैसे बनाएं?

    CSS border प्रॉपर्टी उपयोग करें HTML5 में <table> का border एट्रिब्यूट डिप्रिकेटेड है। टेबल, <th> और <td> के लिए CSS border प्रॉपर्टी उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </s

  1. HTML <body> टैग: वेब पेज की मुख्य सामग्री HTML <body> टैग: वेब पेज की मुख्य सामग्री

    HTML <body> टैग <body> टैग HTML दस्तावेज़ की मुख्य सामग्री को परिभाषित करता है - वह सब कुछ जो ब्राउज़र विंडो में दिखाई देता है: टेक्स्ट, इमेज, वीडियो, लिंक्स, फॉर्म्स, आदि। प्रत्येक HTML दस्तावेज़ में केवल एक <body> एलिमेंट होना चाहिए। अप्रचलित एट्रिब्यूट्स (HTML5 में समर्थित नहीं

  1. HTML टेबल्स HTML टेबल्स

    परिचय HTML टेबल <table> टैग का उपयोग करके बनाई जाती है। टेबल में, प्रत्येक पंक्ति <tr> टैग से निर्दिष्ट होती है, टेबल हेडर <th> टैग से परिभाषित होता है, और टेबल डेटा <td> टैग से परिभाषित होता है। सिंटैक्स <table> <tr> <th>टेबल हेडर</th> <