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

HTML में टेबल फूटर कैसे बनाते हैं?


HTML टैग का प्रयोग टेबल में फुटर जोड़ने के लिए किया जाता है। टफ़ुट टैग का प्रयोग tbody . के संयोजन में किया जाता है टैग और सिर तालिका के प्रत्येक भाग (शीर्ष लेख, पाद लेख, मुख्य भाग) को निर्धारित करने में टैग करें।

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

विशेषता
<वें शैली ="चौड़ाई:20.7383%; पाठ-संरेखण:केंद्र;">मान
<वें शैली ="चौड़ाई:61.6878%; पाठ-संरेखण:केंद्र;">विवरण
align
दाएं
बाएं
केंद्र
औचित्य साबित
चारो
बहिष्कृत - दृश्य संरेखण।
char
चरित्र
बहिष्कृत - निर्दिष्ट करता है कि पाठ को किस वर्ण पर संरेखित करना है। संरेखित करते समय प्रयुक्त ="चार"
charoff
पिक्सेल या %
बहिष्कृत - चार विशेषता के साथ निर्दिष्ट पहले वर्ण के विरुद्ध एक संरेखण ऑफ़सेट (या तो पिक्सेल या प्रतिशत मान में) निर्दिष्ट करता है। संरेखित करते समय प्रयुक्त ="चार"
valign
शीर्ष
मध्य
तल
आधारभूत
बहिष्कृत - लंबवत संरेखण।

उदाहरण

आप HTML में तालिका पाद लेख बनाने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, td {
            border: 1px solid black;
         }
      </style>
   </head>
   
   <body>
      <table style = "width:100%">
         <thead>
            <tr>
               <td colspan = "4">This is the head of the table</td>
            </tr>
         </thead>
         <tfoot>
            <tr>
               <td colspan = "4">This is the footer of the table</td>
            </tr>
         </tfoot>
         <tbody>
            <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
            <td>Cell 3</td>
            <td>Cell 4</td>
            </tr>

            <tr>
               ...more rows here containing four cells...
            </tr>
         </tbody>
         
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
           
            <tr>
               ...more rows here containing four cells...
            </tr>
         </tbody>
      </table>
   </body>
</html>

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

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

  1. HTML में टेबल कॉलम कैसे मर्ज करें?

    HTML में टेबल कॉलम मर्ज करने के लिए टैग में colspan विशेषता का उपयोग करें। इससे सेल को आपस में मर्ज करें। उदाहरण के लिए, यदि आपकी तालिका में 4 पंक्तियाँ और 4 स्तंभ हैं, तो colspan विशेषता के साथ, आप तालिका के 2 या 3 कक्षों को आसानी से मर्ज कर सकते हैं। उदाहरण आप HTML में टेबल कॉलम को मर्ज करने क

  1. HTML में टेबल सेल कैसे मर्ज करें?

    HTML में कक्षों को मर्ज करने के लिए, colspan और Rowpan विशेषता का उपयोग करें। रोस्पेन एट्रिब्यूट उन पंक्तियों की संख्या के लिए है, जिनमें एक सेल को फैलाना चाहिए, जबकि कॉल्सपैन एट्रीब्यूट उन कई कॉलमों के लिए होता है, जिन्हें एक सेल में फैलाना चाहिए। दोनों विशेषताएँ टैग के अंदर होंगी। संख्या एक सांख्