सब कुछ आप HTML टेबल्स के बारे में पता करने की आवश्यकता है

यह लेख आपको HTML टेबल्स का एक विस्तृत और व्यापक ज्ञान प्रदान करेगा। विभिन्न टैग और प्रारूपण जो किया जा सकता है।

तकनीकी स्थापना के बाद से, एक तालिका डेटा संग्रहीत करने और विज़ुअलाइज़ करने का एक सामान्य तरीका है। इसका उपयोग लगभग सभी क्षेत्रों में पाठ सूचना और संख्यात्मक डेटा प्रस्तुत करने के लिए किया जाता है जिसमें आप आसानी से दो या अधिक तत्वों की तुलना कर सकते हैं। इस लेख में, मैं चर्चा करूँगा निम्नलिखित क्रम में तालिकाएँ:

HTML टेबल क्या है?

सरल शब्दों में, एक तालिका संबंधित डेटा का एक संग्रह है जिसमें पंक्तियाँ और स्तंभ शामिल हैं। अब जैसा कि हम जानते हैं कि HTML वेब पेज बनाने और इसे वेब ब्राउज़र में प्रदर्शित करने के लिए एक मानक मार्कअप भाषा है। इसलिए, तालिकाओं के साथ बनाना और काम करना HTML को मास्टर करने के लिए एक महत्वपूर्ण उप-कौशल बन जाता है। इस ब्लॉग में, हम सीखेंगे कि HTML में तालिकाओं के साथ कैसे काम किया जाए।





HTML5
HTML तालिका को परिभाषित करने के लिए, हम उपयोग करते हैं

टैग। के भीतर
टैग, आप पहले तालिका पंक्तियों को परिभाषित करते हैं टैग। इसके बाद, आप टेबल हेडर को इसमें परिभाषित करते हैं टैग में तालिका का मुख्य भाग होता है।

शीर्ष लेख, पाद लेख और शरीर के साथ HTML तालिका
टैग। तालिका में डेटा या सेल का उपयोग करके परिभाषित किया गया है टैग।

HTML टेबल टैग

आइए सबसे पहले टेबल बनाने के लिए उपयोग किए जाने वाले HTML टैग की सूची देखें। बाद में इस ब्लॉग में आगे बढ़ते हुए, हम सीखेंगे कि कैसे उदाहरणों की मदद से उनका उपयोग किया जाए।



  • :एक तालिका को परिभाषित करने के लिए उपयोग किया जाता है
  • :एक तालिका में एक पंक्ति को परिभाषित करने के लिए उपयोग किया जाता है
  • : एक तालिका में शरीर की सामग्री को समूहीकृत करने के लिए प्रयुक्त
  • : तालिका में पाद लेख सामग्री को समूहीकृत करने के लिए उपयोग किया जाता है
  • अब तालिका बनाने के लिए नमूना HTML कोड को देखें।

     
    : एक तालिका में हेडर सेल को परिभाषित करने के लिए उपयोग किया जाता है
  • : एक तालिका में एक सेल को परिभाषित करने के लिए उपयोग किया जाता है
  • : तालिका के शीर्षक को परिभाषित करने के लिए उपयोग किया जाता है
  • : स्वरूपण के लिए तालिका में एक या अधिक स्तंभों के समूह को निर्दिष्ट करने के लिए उपयोग किया जाता है
  • : किसी तत्व के भीतर प्रत्येक कॉलम के लिए कॉलम गुण निर्दिष्ट करने के लिए उपयोग किया जाता है
  • : शीर्ष लेख सामग्री को तालिका में समूहित करने के लिए उपयोग किया जाता है
  • नाम आयु
    अभिषेक १।
    बॉब २। ३

    आउटपुट:



    HTML तालिका के रूपांतर

    • सेलपैडिंग और सेलस्पेसिंग विशेषता

    सेलपैडिंग और सेलस्पेसिंग नामक दो विशेषताएँ हैं जिनका उपयोग आप अपनी तालिका कोशिकाओं में सफेद स्थान को समायोजित करने के लिए कर सकते हैं। सेलस्पेसिंग विशेषता तालिका कोशिकाओं के बीच की जगह को परिभाषित करती है, जबकि सेलपैडिंग सेल बॉर्डर और सेल के भीतर सामग्री के बीच की दूरी का प्रतिनिधित्व करता है।

    सेलस्पेसिंग और सेलपैडिंग
    नाम आयु
    अभिषेक पंद्रह
    बॉब २। ३

    • कोलस्पैन और रोस्पैन गुण

    Colspan विशेषता का उपयोग दो या अधिक स्तंभों को मर्ज करने के लिए किया जाता है, जबकि rowspans का उपयोग दो या अधिक पंक्तियों को मर्ज करने के लिए किया जाता है।

    Colspan & Rowspan
    बैच नाम आयु
    कंप्यूटर विज्ञान अभिषेक पंद्रह
    बॉब २। ३
    टूटना

    • टेबल की ऊँचाई और चौड़ाई

    HTML आपको तालिका की ऊँचाई और चौड़ाई समायोजित करने का लाभ देता है। चौड़ाई विशेषता और ऊंचाई विशेषता का उपयोग तालिका की चौड़ाई और ऊंचाई को क्रमशः सेट करने के लिए किया जाता है। आप इसे स्क्रीन पर उपलब्ध क्षेत्र के प्रतिशत या पिक्सेल के संदर्भ में निर्दिष्ट कर सकते हैं।

    HTML तालिका की चौड़ाई और ऊँचाई
    अभिषेक पंद्रह
    बॉब २। ३

    • टेबल हैडर, बॉडी, और पाद

    एक टेबल को तीन खंडों में विभाजित किया जा सकता है यानी हेडर, एक बॉडी और एक पाद। हेडर और फुटर एक वर्ड डॉक्यूमेंट में हेडर और फुटर के समान होते हैं जो हर पेज के लिए सामान्य रहते हैं, जबकि शरीर में मुख्य सामग्री होती है।

    टैग अलग टेबल हेडर बनाता है, व्हेयरएस्टैग एक अलग टेबल पाद बनाता है।

टेबल हैडर
टेबल फुटर
नाम आयु निशान

  • तालिका पृष्ठभूमि और कैप्शन

आप एक टेबल बैकग्राउंड भी सेट कर सकते हैं। Bgcolor विशेषता संपूर्ण रंग के साथ-साथ एक कक्ष के लिए पृष्ठभूमि रंग सेट करती है, जबकि पृष्ठभूमि विशेषता संपूर्ण तालिका के साथ-साथ केवल एक कक्ष के लिए पृष्ठभूमि छवि सेट करती है।

कैप्शन टैग तालिका के लिए शीर्षक या स्पष्टीकरण के रूप में कार्य करता है जो तालिका के शीर्ष पर प्रदर्शित होता है।

HTML टेबल बैकग्राउंडसारणी का शीर्षक
स्तम्भ १ स्तम्भ २ स्तम्भ ३
पंक्ति 1 सेल 1 पंक्ति 1 सेल 2 पंक्ति 1 सेल 3
पंक्ति 2 सेल 2 पंक्ति 2 सेल 3
पंक्ति 3 सेल 1

जावा में उत्परिवर्तनीय और अपरिवर्तनीय वस्तुएँ

इसके साथ हम इस लेख के अंत में आते हैं। अब उपरोक्त स्निपेट्स को निष्पादित करने के बाद आप समझ गए होंगे कि HTML में तालिकाओं का निर्माण कैसे किया जाता है। मुझे उम्मीद है कि यह ब्लॉग जानकारीपूर्ण है और आपके लिए मूल्य वर्धित है।

इसकी जाँच पड़ताल करो 250,000 से अधिक संतुष्ट शिक्षार्थियों के एक नेटवर्क के साथ एक विश्वसनीय ऑनलाइन शिक्षण कंपनी, एडुरेका द्वारा, दुनिया भर में फैली हुई है। वेब डेवलपमेंट सर्टिफिकेशन ट्रेनिंग आपको HTML5, CSS3, Twitter बूटस्ट्रैप 3, jQuery और Google API का उपयोग करके प्रभावशाली वेबसाइट बनाने और इसे अमेज़ॅन सिंपल स्टोरेज सर्विस (S3) में तैनात करने में मदद करेगी।

क्या आप हमसे कोई प्रश्न पूछना चाहते हैं? कृपया इस लेख के टिप्पणी अनुभाग में इसका उल्लेख करें और हम आपके पास वापस आ जाएंगे।