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