पंक्तियों और स्तंभों की मूल बातें समझने के बाद HTML टेबल बनाना आसान होता है - और एक बार जब आप समझते हैं कि तालिका का उपयोग करना ठीक है और जब आपको उनसे बचना चाहिए।
टेबल्स और वेब डिज़ाइन का एक संक्षिप्त इतिहास
कई साल पहले, सीएसएस और वेब मानकों के स्वीकार्य होने से पहले, वेब डिज़ाइनर ने साइट के लिए पृष्ठ लेआउट बनाने के लिए HTML
तत्व का उपयोग किया था। वेबसाइट डिज़ाइनों को एक पहेली की तरह छोटे टुकड़ों में "कटा हुआ" किया जाएगा और फिर ब्राउज़र में प्रस्तुत करने के लिए एक HTML तालिका के साथ संयुक्त किया जाएगा। यह एक बहुत ही जटिल प्रक्रिया थी जिसने बहुत से अतिरिक्त HTML मार्कअप बनाए और आज हमारी वेबसाइटों की बहु-स्क्रीन दुनिया में आज भी उपयोग नहीं किया जा सकता है । चूंकि सीएसएस वेबपेज दृश्यों और लेआउट के लिए स्वीकार्य विधि बन गया है, इसके लिए टेबल का उपयोग छोड़ दिया गया है और कई वेब डिज़ाइनर गलती से मानते हैं कि "टेबल खराब थे।" वह था और असत्य है। लेआउट के लिए टेबल्स खराब हैं, लेकिन उनके पास अभी भी वेब डिज़ाइन और एचटीएमएल में एक जगह है, अर्थात् ट्रेन शेड्यूल के कैलेंडर जैसे टैब्यूलर डेटा प्रदर्शित करना। उस सामग्री के लिए, एक तालिका का उपयोग करना अभी भी एक स्वीकार्य और अच्छा दृष्टिकोण है।
तो आप एक टेबल कैसे लेआउट करते हैं? आइए बस 2x2 टेबल बनाकर शुरू करें। इसमें 2 कॉलम होंगे (ये लंबवत ब्लॉक हैं) और 2 पंक्तियां (क्षैतिज ब्लॉक)। 2x2 टेबल बनाने के बाद, आप किसी भी आकार की तालिका बना सकते हैं जिसे आप अतिरिक्त पंक्तियों या कॉलम जोड़कर बस चाहें।
कठिनाई: औसत
समय आवश्यक: 10 मिनट
ऐसे:
- पहले टेबल
खोलें - Tr टैग
के साथ पहली पंक्ति खोलें - टीडी टैग
के साथ पहला कॉलम खोलें - सेल की सामग्री लिखें
- पहले सेल को बंद करें और दूसरा
खोलें - दूसरे सेल की सामग्री लिखें
- दूसरे सेल को बंद करें और पंक्ति बंद करें
- दूसरी पंक्ति को ठीक पहले
| | के रूप में लिखें - फिर तालिका बंद करें
आप | तत्व का उपयोग करके अपनी तालिका में तालिका शीर्षलेख जोड़ना भी चुन सकते हैं। ये तालिका शीर्षलेख पहली तालिका पंक्ति में या "तालिका डेटा" टुकड़ों को प्रतिस्थापित करेंगे, जैसे:
| नाम <वें> भूमिका | | जेरेमी | डिज़ाइनर < td> जेनिफर | डेवलपर | जब यह पृष्ठ ब्राउज़र में प्रस्तुत करेगा, तो तालिका शीर्षकों के साथ पहली पंक्ति डिफ़ॉल्ट रूप से बोल्ड टेक्स्ट में प्रदर्शित होगी और वे तालिका कक्ष में केंद्रित होंगे जो वे दिखाई देते हैं।
तो, क्या HTML में टेबल्स का उपयोग करना ठीक है? हां - जब तक आप लेआउट उद्देश्यों के लिए उनका उपयोग नहीं कर रहे हैं। यदि आपको टैब्यूलर जानकारी प्रदर्शित करने की आवश्यकता है, तो ऐसा करने का तरीका एक टेबल है। वास्तव में, इस वैधता एचटीएमएल तत्व को छोड़ने के लिए कुछ गुमराह शुद्धता की वजह से एक टेबल से परहेज करना इस दिन और उम्र में लेआउट कारणों के लिए उपयोग के रूप में पीछे की ओर है।
जेनिफर किरीन द्वारा लिखित। 8/11/16 को जेरेमी गिरार्ड द्वारा संपादित
| | |