यह लेख आपको HTML टेबल्स का एक विस्तृत और व्यापक ज्ञान प्रदान करेगा। विभिन्न टैग और प्रारूपण जो किया जा सकता है।
तकनीकी स्थापना के बाद से, एक तालिका डेटा संग्रहीत करने और विज़ुअलाइज़ करने का एक सामान्य तरीका है। इसका उपयोग लगभग सभी क्षेत्रों में पाठ सूचना और संख्यात्मक डेटा प्रस्तुत करने के लिए किया जाता है जिसमें आप आसानी से दो या अधिक तत्वों की तुलना कर सकते हैं। इस लेख में, मैं चर्चा करूँगा निम्नलिखित क्रम में तालिकाएँ:
सरल शब्दों में, एक तालिका संबंधित डेटा का एक संग्रह है जिसमें पंक्तियाँ और स्तंभ शामिल हैं। अब जैसा कि हम जानते हैं कि HTML वेब पेज बनाने और इसे वेब ब्राउज़र में प्रदर्शित करने के लिए एक मानक मार्कअप भाषा है। इसलिए, तालिकाओं के साथ बनाना और काम करना HTML को मास्टर करने के लिए एक महत्वपूर्ण उप-कौशल बन जाता है। इस ब्लॉग में, हम सीखेंगे कि HTML में तालिकाओं के साथ कैसे काम किया जाए।
HTML तालिका को परिभाषित करने के लिए, हम उपयोग करते हैं
टैग। के भीतर
टैग, आप पहले तालिका पंक्तियों को परिभाषित करते हैं
टैग। इसके बाद, आप टेबल हेडर को इसमें परिभाषित करते हैं
टैग। तालिका में डेटा या सेल का उपयोग करके परिभाषित किया गया है
टैग।
HTML टेबल टैग
आइए सबसे पहले टेबल बनाने के लिए उपयोग किए जाने वाले HTML टैग की सूची देखें। बाद में इस ब्लॉग में आगे बढ़ते हुए, हम सीखेंगे कि कैसे उदाहरणों की मदद से उनका उपयोग किया जाए।
: एक तालिका को परिभाषित करने के लिए उपयोग किया जाता है
: एक तालिका में हेडर सेल को परिभाषित करने के लिए उपयोग किया जाता है
: एक तालिका में एक पंक्ति को परिभाषित करने के लिए उपयोग किया जाता है
: एक तालिका में एक सेल को परिभाषित करने के लिए उपयोग किया जाता है
:तालिका के शीर्षक को परिभाषित करने के लिए उपयोग किया जाता है
:स्वरूपण के लिए तालिका में एक या अधिक स्तंभों के समूह को निर्दिष्ट करने के लिए उपयोग किया जाता है
: किसी तत्व के भीतर प्रत्येक कॉलम के लिए कॉलम गुण निर्दिष्ट करने के लिए उपयोग किया जाता है
:शीर्ष लेख सामग्री को तालिका में समूहित करने के लिए उपयोग किया जाता है
: एक तालिका में शरीर की सामग्री को समूहीकृत करने के लिए प्रयुक्त
: तालिका में पाद लेख सामग्री को समूहीकृत करने के लिए उपयोग किया जाता है
अब तालिका बनाने के लिए नमूना HTML कोड को देखें।
नाम
आयु
अभिषेक
१।
बॉब
२। ३
आउटपुट:
HTML तालिका के रूपांतर
सेलपैडिंग और सेलस्पेसिंग विशेषता
सेलपैडिंग और सेलस्पेसिंग नामक दो विशेषताएँ हैं जिनका उपयोग आप अपनी तालिका कोशिकाओं में सफेद स्थान को समायोजित करने के लिए कर सकते हैं। सेलस्पेसिंग विशेषता तालिका कोशिकाओं के बीच की जगह को परिभाषित करती है, जबकि सेलपैडिंग सेल बॉर्डर और सेल के भीतर सामग्री के बीच की दूरी का प्रतिनिधित्व करता है।
सेलस्पेसिंग और सेलपैडिंग
नाम
आयु
अभिषेक
पंद्रह
बॉब
२। ३
कोलस्पैन और रोस्पैन गुण
Colspan विशेषता का उपयोग दो या अधिक स्तंभों को मर्ज करने के लिए किया जाता है, जबकि rowspans का उपयोग दो या अधिक पंक्तियों को मर्ज करने के लिए किया जाता है।
Colspan & Rowspan
बैच
नाम
आयु
कंप्यूटर विज्ञान
अभिषेक
पंद्रह
बॉब
२। ३
टूटना
टेबल की ऊँचाई और चौड़ाई
HTML आपको तालिका की ऊँचाई और चौड़ाई समायोजित करने का लाभ देता है। चौड़ाई विशेषता और ऊंचाई विशेषता का उपयोग तालिका की चौड़ाई और ऊंचाई को क्रमशः सेट करने के लिए किया जाता है। आप इसे स्क्रीन पर उपलब्ध क्षेत्र के प्रतिशत या पिक्सेल के संदर्भ में निर्दिष्ट कर सकते हैं।
HTML तालिका की चौड़ाई और ऊँचाई
अभिषेक
पंद्रह
बॉब
२। ३
टेबल हैडर, बॉडी, और पाद
एक टेबल को तीन खंडों में विभाजित किया जा सकता है यानी हेडर, एक बॉडी और एक पाद। हेडर और फुटर एक वर्ड डॉक्यूमेंट में हेडर और फुटर के समान होते हैं जो हर पेज के लिए सामान्य रहते हैं, जबकि शरीर में मुख्य सामग्री होती है।
टैग अलग टेबल हेडर बनाता है, व्हेयरएस्टैग एक अलग टेबल पाद बनाता है। टैग में तालिका का मुख्य भाग होता है।
शीर्ष लेख, पाद लेख और शरीर के साथ HTML तालिका
टेबल हैडर
टेबल फुटर
नाम
आयु
निशान
तालिका पृष्ठभूमि और कैप्शन
आप एक टेबल बैकग्राउंड भी सेट कर सकते हैं। Bgcolor विशेषता संपूर्ण रंग के साथ-साथ एक कक्ष के लिए पृष्ठभूमि रंग सेट करती है, जबकि पृष्ठभूमि विशेषता संपूर्ण तालिका के साथ-साथ केवल एक कक्ष के लिए पृष्ठभूमि छवि सेट करती है।
कैप्शन टैग तालिका के लिए शीर्षक या स्पष्टीकरण के रूप में कार्य करता है जो तालिका के शीर्ष पर प्रदर्शित होता है।
इसके साथ हम इस लेख के अंत में आते हैं। अब उपरोक्त स्निपेट्स को निष्पादित करने के बाद आप समझ गए होंगे कि HTML में तालिकाओं का निर्माण कैसे किया जाता है। मुझे उम्मीद है कि यह ब्लॉग जानकारीपूर्ण है और आपके लिए मूल्य वर्धित है।
इसकी जाँच पड़ताल करो250,000 से अधिक संतुष्ट शिक्षार्थियों के एक नेटवर्क के साथ एक विश्वसनीय ऑनलाइन शिक्षण कंपनी, एडुरेका द्वारा, दुनिया भर में फैली हुई है।वेब डेवलपमेंट सर्टिफिकेशन ट्रेनिंग आपको HTML5, CSS3, Twitter बूटस्ट्रैप 3, jQuery और Google API का उपयोग करके प्रभावशाली वेबसाइट बनाने और इसे अमेज़ॅन सिंपल स्टोरेज सर्विस (S3) में तैनात करने में मदद करेगी।
क्या आप हमसे कोई प्रश्न पूछना चाहते हैं? कृपया इस लेख के टिप्पणी अनुभाग में इसका उल्लेख करें और हम आपके पास वापस आ जाएंगे।