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

HTML में एक टेबल बनाएं


HTML

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

निम्नलिखित विशेषताएं हैं -

विशेषता
<वें शैली ="पाठ-संरेखण:केंद्र;">मान
<वें शैली ="पाठ-संरेखण:केंद्र;">विवरण
abbr
संक्षिप्त_पाठ
बहिष्कृत - सेल में सामग्री के संक्षिप्त संस्करण को निर्दिष्ट करता है।
align
दाएं
बाएं
केंद्र
न्यायोचित ठहराना
चारो
बहिष्कृत -दृश्य संरेखण
bgcolor
rgb(x,x,x)
#हेक्सकोड
रंगनाम
बहिष्कृत - तालिका के पृष्ठभूमि रंग को निर्दिष्ट करता है।
border
पिक्सेल
बहिष्कृत - सीमा की चौड़ाई निर्दिष्ट करता है। "0" के मान का अर्थ कोई सीमा नहीं है।
सेलपैडिंग
पिक्सेल या%
बहिष्कृत - सेल बॉर्डर और उनकी सामग्री के बीच के स्थान को निर्दिष्ट करता है।
cellspacing
पिक्सेल या%
बहिष्कृत - कोशिकाओं के बीच की जगह को निर्दिष्ट करता है।
frame
शून्य
ऊपर
नीचे
एचसाइड्स
एलएचएस
आरएचएस
बनाम
डिब्बा
सीमा
बहिष्कृत - बॉर्डर एट्रिब्यूट के संयोजन में प्रयुक्त, यह निर्दिष्ट करता है कि टेबल के चारों ओर बॉर्डर बनाने वाले फ्रेम का कौन सा पक्ष प्रदर्शित होता है।
नियम
कोई नहीं
समूहों
पंक्तियों
कॉलम
सब
बहिष्कृत - सीमा विशेषता के संयोजन में प्रयुक्त, यह निर्दिष्ट करता है कि तालिका के कक्षों के बीच कौन से नियम दिखाई देते हैं।
सारांश
पाठ
बहिष्कृत - सामग्री का सारांश निर्दिष्ट करता है।
चौड़ाई पिक्सेल या % बहिष्कृत - तालिका की चौड़ाई निर्दिष्ट करता है।

उदाहरण

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>

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

    एचटीएमएल में टेबल बॉर्डर बनाने के लिए बॉर्डर एट्रिब्यूट का इस्तेमाल किया गया था। लेकिन HTML5 की शुरूआत ने सीमा टैग को हटा दिया। CSS प्रॉपर्टी बॉर्डर का उपयोग करके टेबल बॉर्डर बनाएं। और के लिए टेबल बॉर्डर और बॉर्डर सेट करें। उदाहरण आप HTML में तालिका में बॉर्डर बनाने के लिए निम्न कोड चलाने का प्

  1. एचटीएमएल <बॉडी> टैग

    HTML में टैग का उपयोग वेब पेज के मुख्य भाग को सेट करने के लिए किया जाता है जिसमें सभी सामग्री जैसे चित्र, वीडियो टेक्स्ट आदि शामिल हैं। निम्नलिखित विशेषताएं हैं - नोट:बॉडी टैग की सभी विशेषताएं जैसे alink, बैकग्राउंड, bgcolor, टेक्स्ट आदि, HTML5 में बहिष्कृत हैं - विशेषता मान विवरण अलिंक

  1. एचटीएमएल टेबल्स

    HTML टेबल का उपयोग टैग का उपयोग करके टेबल बनाने के लिए किया जाता है। तालिका में, प्रत्येक पंक्ति को टैग का उपयोग करके निर्दिष्ट किया जाता है और तालिका शीर्षलेख को टैग का उपयोग करके परिभाषित किया जाता है। तालिका डेटा को टैग का उपयोग करके परिभाषित किया जाता है। सिंटैक्स निम्नलिखित वाक्य रचना है -