हम HTML में टेबल सेल कैसे प्रदर्शित करते हैं

टेबल सेल प्रदर्शित करने के लिए

e टैग। HTML टैग का उपयोग किसी तालिका में सेल या तालिका डेटा निर्दिष्ट करने के लिए किया जाता है।

यह निम्नलिखित विशेषताओं का समर्थन करता है -

विशेषता <वें शैली ="चौड़ाई:20.9729%; पाठ-संरेखण:केंद्र;">मान <वें शैली ="चौड़ाई:63.2376%; पाठ-संरेखण:केंद्र;">विवरण
abbr	संक्षिप्त_पाठ	बहिष्कृत − सेल में सामग्री के संक्षिप्त संस्करण को निर्दिष्ट करता है।
align	दायां बायां केंद्र चार को सही ठहराता है	बहिष्कृत - दृश्य संरेखण।
axis	name	बहिष्कृत - इस टीडी के लिए एक श्रेणी निर्दिष्ट करता है। यह संभावित रूप से तालिका डेटा के विरुद्ध क्वेरी करने के लिए उपयोग किया जा सकता है और भाषण ब्राउज़र के संदर्भ में फायदेमंद हो सकता है
bgcolor	rgb(x,x,x) #hexcode colorname	बहिष्कृत - टेबल सेल का बैकग्राउंड कलर निर्दिष्ट करता है।
char	चरित्र	बहिष्कृत - निर्दिष्ट करता है कि पाठ को किस वर्ण पर संरेखित करना है। संरेखित करते समय प्रयुक्त ="चार"
charoff	पिक्सेल या%	बहिष्कृत - चार विशेषता के साथ निर्दिष्ट पहले वर्ण के विरुद्ध एक संरेखण ऑफ़सेट (या तो पिक्सेल या प्रतिशत मान में) निर्दिष्ट करता है। संरेखित करते समय प्रयुक्त ="चार"
colspan	संख्या	वर्तमान सेल में फैले स्तंभों की संख्या निर्दिष्ट करता है।
header	आईडी	इस सेल के बारे में जानकारी रखने वाले हेडर सेल की स्पेस से अलग की गई सूची को निर्दिष्ट करता है। मान को हेडर सेल की आईडी से मेल खाना चाहिए (जो आईडी विशेषता का उपयोग करके सेट किया गया है)। यह विशेषता गैर-दृश्य ब्राउज़रों के लिए उपयोगी है।
height	पिक्सेल	बहिष्कृत - टेबल सेल की ऊंचाई निर्दिष्ट करता है।
nowrap	nowrap	बहिष्कृत - टेक्स्ट को अपने आप रैप होने से रोकता है।
rowspan	नंबर	वर्तमान सेल में फैली पंक्तियों की संख्या निर्दिष्ट करता है।
scope	col colgroup row rowgroup	बहिष्कृत - इस विशेषता का उपयोग हेडर सेल पर किया जाता है और उन सेल को निर्दिष्ट करता है जो इस हेडर की जानकारी का उपयोग करेंगे।
valign	ऊपरी मध्य तल बेसलाइन	बहिष्कृत - लंबवत संरेखण।
चौड़ाई	पिक्सेल या %	बहिष्कृत − टेबल सेल की चौड़ाई निर्दिष्ट करता है

उदाहरण

आप 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>