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

एचटीएमएल में टेबल हेडर कैसे बनाएं?


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

HTML टैग निम्नलिखित अतिरिक्त विशेषताओं का भी समर्थन करता है -

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

उदाहरण

HTML में टैग को लागू करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML thead Tag</title>
   </head>
   <body>
      <table style = "width:100%" border = "1">
         <thead>
            <tr>
               <td colspan = "4">This is the head of the table</td>
            </tr>
         </thead>
         <tfoot>
            <tr>
               <td colspan = "4">This is the foot 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 विशेषता का उपयोग करें। रोस्पेन एट्रिब्यूट उन पंक्तियों की संख्या के लिए है, जिनमें एक सेल को फैलाना चाहिए, जबकि कॉल्सपैन एट्रीब्यूट उन कई कॉलमों के लिए होता है, जिन्हें एक सेल में फैलाना चाहिए। दोनों विशेषताएँ टैग के अंदर होंगी। संख्या एक सांख्