Sitemap

एक टेबल बहुत सारी जानकारी को व्यवस्थित तरीके से प्रस्तुत करने का एक शानदार तरीका है।बिक्री डेटा, वेब पेज ट्रैफ़िक, स्टॉक मार्केट ट्रेंड और छात्र के ग्रेड जानकारी के उदाहरण हैं जो अक्सर तालिकाओं में प्रस्तुत किए जाते हैं।

HTML का उपयोग करके किसी वेब पेज में तालिका जोड़ते समय, इसे पृष्ठ पर केंद्रित करना अधिक आकर्षक लग सकता है।टेक्स्ट और चित्रों को केंद्रित करना आमतौर पर टेक्स्ट-एलाइन क्लास या सीएसएस के माध्यम से किया जाता है, लेकिन एक टेबल को केंद्रित करने के लिए एक अलग दृष्टिकोण की आवश्यकता होती है।किसी वेब पेज पर तालिका को कैसे केन्द्रित किया जाए, इसका विवरण नीचे दिया गया है।

HTML में एक तालिका को केंद्रित करना

वेब पेज में टेबल जोड़ते समय, डिफ़ॉल्ट रूप से, यह पेज या कंटेनर के बाईं ओर संरेखित होता है, जैसा कि नीचे दिखाया गया है।

एचआईटीएस महीना कुल वृद्धि
324,497 जनवरी 1998 -
436,699 फरवरी 1998 112,172

ऊपर दी गई तालिका के लिए HTML स्रोत कोड निम्नलिखित है।

HITS MONTH TOTAL INCREASE
324,497 January 1998 -
436,699 February 1998 112,172

इस तालिका को केंद्र में रखने के लिए, आपको ;margin-left:auto;margin-right:auto; के अंत तकतालिका> टैग में शैली विशेषता।टेबल टैग निम्न जैसा दिखेगा।

जैसा कि ऊपर दिखाया गया है, तालिका> टैग में शैली विशेषता को बदलने से, तालिका वेब पेज पर केंद्रित हो जाती है, जैसा कि नीचे दिखाया गया है।

एचआईटीएस महीना कुल वृद्धि
324,497 जनवरी 1998 -
436,699 फरवरी 1998 112,172
बख्शीश

तालिका को अधिक आकर्षक बनाने के लिए आप

टैग में शैली विशेषता में पैरामीटर जोड़ सकते हैं।पैडिंग जोड़ना: 2px; और बॉर्डर-स्पेसिंग:20px; पठनीयता में सुधार के लिए डेटा बिंदुओं और सीमा के बीच अंतर जोड़ता है।

सम्बंधित जानकारी