हाइपरटेक्स्ट मार्कअप लैंग्वेज (एचटीएमएल) निर्देश जो वेब पेजों में रखी गई टेबल बनाते हैं, काफी बड़ी संख्या में अतिरिक्त पैरामीटर प्रदान करते हैं। यह अन्य ब्लॉक तत्वों के विपरीत, न केवल सीएसएस भाषा (कैस्केडिंग स्टाइल शीट्स या "कैस्केडिंग स्टाइल शीट्स") का उपयोग करके आकार निर्धारित करने की अनुमति देता है, बल्कि स्वयं HTML का भी उपयोग करता है।
अनुदेश
चरण 1
तालिका की चौड़ाई पिक्सेल में निर्दिष्ट करने के लिए तालिका टैग की चौड़ाई विशेषता का उपयोग करें। टैग (एचटीएमएल निर्देश) तालिका में एक उद्घाटन होता है (
) भाग, जिसके बीच टैग होते हैं जो तालिका की पंक्तियों और कोशिकाओं का निर्माण करते हैं। अतिरिक्त मापदंडों (विशेषताओं) को शुरुआती टैग में रखा जा सकता है, जिसकी सूची प्रत्येक विशिष्ट टैग के लिए अंतरराष्ट्रीय मानकों द्वारा निर्धारित की जाती है। तालिका टैग के लिए, ये मानक चौड़ाई विशेषता के उपयोग की अनुमति देते हैं, जो तालिका की चौड़ाई को पिक्सेल में निर्दिष्ट करता है। 500 पिक्सेल की चौड़ाई को परिभाषित करने वाले इस तरह के टैग के साथ एक साधारण तालिका का HTML कोड इस तरह दिख सकता है:
| पहली सेल | दूसरा सेल |
चरण दो
यदि आपको तालिका की चौड़ाई को पिक्सेल के बजाय प्रतिशत के रूप में निर्दिष्ट करने की आवश्यकता है, तो चौड़ाई विशेषता के मान में एक% वर्ण जोड़ें:
| पहली सेल | दूसरा सेल |
कृपया ध्यान दें कि ये प्रतिशत आवश्यक रूप से ब्राउज़र विंडो की चौड़ाई पर आधारित नहीं होंगे। दस्तावेज़ की संरचना यहाँ मायने रखती है - जिस तरह एक नेस्टेड नेस्टिंग गुड़िया उस से अधिक चौड़ी नहीं हो सकती है जिसमें वह नेस्टेड है, इसलिए तालिका की चौड़ाई का 100% मूल तत्व की चौड़ाई से अधिक नहीं हो सकता है। उदाहरण के लिए, यदि तालिका एक डिव ब्लॉक के अंदर है, तो इस ब्लॉक की चौड़ाई 100% के रूप में ली जाएगी।
चरण 3
यदि आप स्रोत कोड में एक ही स्थान पर वेब पेज में तालिकाओं के लिए समान चौड़ाई सेट करना चाहते हैं, तो शैली विवरण भाषा निर्देशों का उपयोग करें। ऐसा करने के लिए, पहले HTML कोड के शीर्ष भाग में (बीच और) ओपनिंग और क्लोजिंग टैग्स को रखें जो CSS लैंग्वेज स्टेटमेंट्स को सीमित करते हैं:
/ *सीएसएस निर्देश यहां होंगे* /
फिर निम्नलिखित सीएसएस को उन टैगों के बीच रखें: तालिका {चौड़ाई: 100px;} यहां, तालिका इंगित करती है कि घुंघराले ब्रेसिज़ के अंदर रखा गया विवरण पृष्ठ कोड में दिखाई देने वाले सभी तालिका टैग पर लागू किया जाना चाहिए। खैर, चौड़ाई पैरामीटर चौड़ाई निर्धारित करता है। यहां भी, आप सापेक्ष चौड़ाई को प्रतिशत के रूप में उपयोग कर सकते हैं।
चरण 4
यदि आपको सभी तालिकाओं के लिए नहीं, बल्कि केवल एक या अधिक तालिकाओं के लिए चौड़ाई निर्दिष्ट करने की आवश्यकता है, तो CSS कोड और HTML तालिका टैग में वर्ग का नाम निर्दिष्ट करें। उदाहरण के लिए, मान लें कि संकीर्ण तालिकाओं के समूह को चिह्नित करने वाला वर्ग छोटा है। तब इसकी शैली का विवरण इस तरह दिख सकता है: table.tiny {चौड़ाई: 100px;} और HTML कोड में किसी एक तालिका का संबंधित टैग इस प्रकार है:
| पहली सेल | दूसरा सेल |
