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

HTML में टेबल सेल कैसे डिस्प्ले करें?


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

यह निम्न एट्रिब्यूट्स का समर्थन करता है (अधिकांश डिप्रिकेटेड):

एट्रिब्यूट वैल्यू विवरण
abbr abbreviated_text डिप्रिकेटेड - सेल में कंटेंट का संक्षिप्त संस्करण
align right, left, center, justify, char डिप्रिकेटेड - विज़ुअल अलाइनमेंट
axis name डिप्रिकेटेड - इस td के लिए कैटेगरी निर्दिष्ट करता है
bgcolor rgb(x,x,x), #hexcode, colorname डिप्रिकेटेड - टेबल सेल का बैकग्राउंड कलर
char character डिप्रिकेटेड - किस कैरेक्टर पर टेक्स्ट अलाइन करना है। align="char" होने पर उपयोग किया जाता है
charoff पिक्सल्स या % डिप्रिकेटेड - अलाइनमेंट ऑफसेट (पिक्सल्स या प्रतिशत) पहले कैरेक्टर के विरुद्ध
colspan number वर्तमान सेल द्वारा फैलाए गए कॉलम्स की संख्या निर्दिष्ट करता है
headers id इस सेल के बारे में जानकारी रखने वाले हेडर सेल्स की स्पेस-सेपरेटेड लिस्ट निर्दिष्ट करता है
height pixels डिप्रिकेटेड - टेबल सेल की ऊंचाई
nowrap nowrap डिप्रिकेटेड - टेक्स्ट को ऑटोमेटिकली रैप होने से रोकता है
rowspan numbers वर्तमान सेल द्वारा फैलाई गई रो की संख्या निर्दिष्ट करता है
scope col, colgroup, row, rowgroup डिप्रिकेटेड - हेडर सेल्स पर उपयोग किया जाता है, उन सेल्स को निर्दिष्ट करता है जो इस हेडर की जानकारी उपयोग करेंगे
valign top, middle, bottom, baseline डिप्रिकेटेड - वर्टिकल अलाइनमेंट
width पिक्सल्स या % डिप्रिकेटेड - टेबल सेल की चौड़ाई

उदाहरण

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

<!DOCTYPE html> <html>    <head>       <style>          table, th, td {             border: 1px solid black;          }       </style>    </head>    <body>       <h3>Result</h3>       <table>          <th>Marks</th>          <th>Student</th>          <tr>             <td>600</td>             <td>Amit</td>          </tr>          <tr>             <td>400</td>             <td>Anil</td>          </tr>       </table>    </body> </html>
  1. HTML टेबल के अंदर HTML टैग कैसे उपयोग करें? HTML टेबल के अंदर HTML टैग कैसे उपयोग करें?

    टेबल सेल में अन्य टैग्स HTML टेबल के <td> टैग के अंदर अन्य HTML टैग्स जैसे <p>, <ul>, <ol> आदि आसानी से जोड़े जा सकते हैं। टैग <td> के अंदर ही खुलना और बंद होना चाहिए। उदाहरण: <ul> टैग टेबल के अंदर <!DOCTYPE html> <html> <head> <style&

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

    CSS border-collapse प्रॉपर्टी टेबल बॉर्डर्स को सिंगल बॉर्डर में मिलाने के लिए CSS border-collapse प्रॉपर्टी उपयोग करें। इसके दो मान होते हैं: मानविवरण separateबॉर्डर्स अलग-अलग रहते हैं (डिफ़ॉल्ट) collapseबॉर्डर्स एक सिंगल बॉर्डर में मिल जाते हैं उदाहरण: collapse <!DOCTYPE html> <html

  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