एचटीएमएल टेबल

1. एचटीएमएल टेबल

एचटीएमएल (हाइपरटेक्स्ट मार्कअप लैंग्वेज) वेब पेजों की संरचना के लिए उपयोग की जाने वाली एक मानक भाषा है। एचटीएमएल में डेटा को व्यवस्थित और प्रदर्शित करने के लिए टेबल एक महत्वपूर्ण उपकरण है। ये टेबल डेटा को पंक्तियों और स्तंभों में व्यवस्थित करने में मदद करते हैं, जिससे जानकारी को पढ़ना और समझना आसान हो जाता है। यह लेख शुरुआती लोगों के लिए एचटीएमएल टेबल के बारे में विस्तृत जानकारी प्रदान करता है, जिसमें टेबल बनाना, विभिन्न विशेषताओं का उपयोग करना और उन्हें प्रभावी ढंग से स्टाइल करना शामिल है।

टेबल का मूल ढांचा

एचटीएमएल में टेबल बनाने के लिए, निम्नलिखित टैग का उपयोग किया जाता है:

``: यह टैग टेबल को परिभाषित करता है।
`
`

`: यह टैग टेबल के हेडर सेल (Table Header Cell) को परिभाषित करता है। हेडर सेल आमतौर पर बोल्ड टेक्स्ट में प्रदर्शित होते हैं और कॉलम के शीर्षक के रूप में कार्य करते हैं।

`

`: यह टैग टेबल के डेटा सेल (Table Data Cell) को परिभाषित करता है। डेटा सेल में वास्तविक डेटा होता है जिसे आप प्रदर्शित करना चाहते हैं।

एक सरल टेबल का उदाहरण:

```html

नाम	उम्र	शहर
राम	25	दिल्ली
श्याम	30	मुंबई

```

यह कोड एक टेबल बनाएगा जिसमें तीन कॉलम (नाम, उम्र, शहर) और दो पंक्तियाँ डेटा होंगी।

टेबल विशेषताएँ (Table Attributes)

टेबल टैग में कई विशेषताएँ होती हैं जिनका उपयोग टेबल के व्यवहार और दिखावट को नियंत्रित करने के लिए किया जा सकता है। कुछ महत्वपूर्ण विशेषताएँ निम्नलिखित हैं:

`border`: यह विशेषता टेबल के चारों ओर एक बॉर्डर जोड़ती है। बॉर्डर की मोटाई पिक्सेल में निर्दिष्ट की जाती है। उदाहरण: ``
`cellspacing`: यह विशेषता सेल के बीच की जगह को परिभाषित करती है। यह मान पिक्सेल में निर्दिष्ट किया जाता है। उदाहरण: `

`cellpadding`: यह विशेषता सेल की सामग्री और सेल बॉर्डर के बीच की जगह को परिभाषित करती है। यह मान पिक्सेल में निर्दिष्ट किया जाता है। उदाहरण: `

`width`: यह विशेषता टेबल की चौड़ाई को परिभाषित करती है। चौड़ाई पिक्सेल या प्रतिशत में निर्दिष्ट की जा सकती है। उदाहरण: `

`height`: यह विशेषता टेबल की ऊंचाई को परिभाषित करती है। ऊंचाई पिक्सेल में निर्दिष्ट की जा सकती है। उदाहरण: `

`align`: यह विशेषता टेबल को क्षैतिज रूप से संरेखित करती है। मान `left`, `center`, या `right` हो सकते हैं। उदाहरण: `

`bgcolor`: यह विशेषता टेबल के पृष्ठभूमि रंग को परिभाषित करती है। रंग का नाम या हेक्साडेसिमल कोड निर्दिष्ट किया जा सकता है। उदाहरण: `

पंक्ति और सेल विशेषताएँ (Row and Cell Attributes)

` और `

`) में भी कई विशेषताएँ होती हैं जिनका उपयोग उनके व्यवहार और दिखावट को नियंत्रित करने के लिए किया जा सकता है। कुछ महत्वपूर्ण विशेषताएँ निम्नलिखित हैं:

`align`: यह विशेषता सेल की सामग्री को क्षैतिज रूप से संरेखित करती है। मान `left`, `center`, या `right` हो सकते हैं। उदाहरण: `

`

`valign`: यह विशेषता सेल की सामग्री को लंबवत रूप से संरेखित करती है। मान `top`, `middle`, या `bottom` हो सकते हैं। उदाहरण: `

`

`colspan`: यह विशेषता एक सेल को कई कॉलमों में फैलाती है। उदाहरण: `

`

`rowspan`: यह विशेषता एक सेल को कई पंक्तियों में फैलाती है। उदाहरण: `

`

`width`: यह विशेषता सेल की चौड़ाई को परिभाषित करती है। चौड़ाई पिक्सेल या प्रतिशत में निर्दिष्ट की जा सकती है। उदाहरण: `

`

`height`: यह विशेषता सेल की ऊंचाई को परिभाषित करती है। ऊंचाई पिक्सेल में निर्दिष्ट की जा सकती है। उदाहरण: `

`

`bgcolor`: यह विशेषता सेल के पृष्ठभूमि रंग को परिभाषित करती है। रंग का नाम या हेक्साडेसिमल कोड निर्दिष्ट किया जा सकता है। उदाहरण: `

`

टेबल स्टाइलिंग (Table Styling) - सीएसएस (CSS) का उपयोग

टेबल को स्टाइल करने के लिए, सीएसएस (कैस्केडिंग स्टाइल शीट्स) का उपयोग करना सबसे अच्छा तरीका है। सीएसएस आपको टेबल के विभिन्न पहलुओं को नियंत्रित करने की अनुमति देता है, जैसे कि बॉर्डर, पैडिंग, मार्जिन, फ़ॉन्ट, रंग और पृष्ठभूमि।

उदाहरण:

```html <style> table {

 border-collapse: collapse; /* सेलों के बीच बॉर्डर को मर्ज करता है */
 width: 100%;

}

th, td {

 border: 1px solid black; /* सेलों के चारों ओर बॉर्डर जोड़ता है */
 padding: 8px; /* सेल सामग्री के चारों ओर पैडिंग जोड़ता है */
 text-align: left; /* सेल सामग्री को बाईं ओर संरेखित करता है */

}

th {

 background-color: #f2f2f2; /* हेडर सेल के लिए पृष्ठभूमि रंग सेट करता है */

} </style> ```

यह सीएसएस कोड एक टेबल को स्टाइल करेगा जिसमें सेलों के बीच बॉर्डर मर्ज किए जाएंगे, सेलों के चारों ओर एक बॉर्डर होगा, सेल सामग्री के चारों ओर पैडिंग होगी और हेडर सेल का पृष्ठभूमि रंग हल्का ग्रे होगा।

उन्नत टेबल सुविधाएँ (Advanced Table Features)

**टेबल हेडर (<thead>), बॉडी (<tbody>) और फुटर (<tfoot>):** टेबल को इन भागों में विभाजित करने से संरचनात्मक स्पष्टता मिलती है और स्टाइलिंग को आसान बनाता है।
**कैप्शन (

):** टेबल के लिए एक कैप्शन जोड़ने से टेबल के बारे में संक्षिप्त जानकारी मिलती है। उदाहरण: ``

**टेबल लेआउट एल्गोरिदम:** टेबल लेआउट एल्गोरिदम यह निर्धारित करते हैं कि टेबल को कैसे प्रदर्शित किया जाता है। `fixed` और `auto` दो मुख्य एल्गोरिदम हैं।

**प्रतिक्रियाशील टेबल (Responsive Tables):** विभिन्न स्क्रीन आकारों पर सही ढंग से प्रदर्शित होने के लिए, प्रतिक्रियाशील टेबल डिज़ाइन करना महत्वपूर्ण है। इसके लिए सीएसएस मीडिया क्वेरी का उपयोग किया जा सकता है।

टेबल का उपयोग कब करें? (When to use Tables?)

टेबल का उपयोग डेटा को व्यवस्थित और प्रदर्शित करने के लिए किया जाना चाहिए जो स्वाभाविक रूप से पंक्तियों और स्तंभों में संरचित है। उदाहरण के लिए, आप टेबल का उपयोग कर सकते हैं:

डेटाबेस से डेटा प्रदर्शित करने के लिए।
तुलनात्मक डेटा प्रदर्शित करने के लिए।
समय सारणी या कैलेंडर प्रदर्शित करने के लिए।
उत्पादों की सूची प्रदर्शित करने के लिए।

हालांकि, वेब पेज के लेआउट के लिए टेबल का उपयोग करने से बचना चाहिए। वेब पेज के लेआउट के लिए डिव (div) और सीएसएस का उपयोग करना बेहतर है।

टेबल और बाइनरी विकल्प (Tables and Binary Options)

बाइनरी विकल्प के संदर्भ में, टेबल का उपयोग डेटा को व्यवस्थित करने और प्रदर्शित करने के लिए किया जा सकता है, जैसे कि:

ऐतिहासिक मूल्य डेटा
विभिन्न संपत्तियों के लिए लाभ/हानि की गणना
ट्रेडिंग रणनीतियों के परिणाम

टेबल का उपयोग करके, ट्रेडर्स आसानी से डेटा का विश्लेषण कर सकते हैं और सूचित ट्रेडिंग निर्णय ले सकते हैं। तकनीकी विश्लेषण और वॉल्यूम विश्लेषण के परिणामों को प्रदर्शित करने के लिए टेबल विशेष रूप से उपयोगी हैं। जोखिम प्रबंधन के लिए टेबल का उपयोग करके संभावित लाभ और हानि का आकलन किया जा सकता है। ट्रेडिंग रणनीतियाँ का मूल्यांकन करने के लिए टेबल का उपयोग करके विभिन्न रणनीतियों की प्रभावशीलता का विश्लेषण किया जा सकता है। मनी मैनेजमेंट के लिए टेबल का उपयोग करके पूंजी आवंटन का प्रबंधन किया जा सकता है। चार्ट पैटर्न और संकेतक को प्रदर्शित करने के लिए टेबल का उपयोग किया जा सकता है। बाजार विश्लेषण के परिणामों को प्रदर्शित करने के लिए टेबल का उपयोग किया जा सकता है। आर्थिक कैलेंडर के डेटा को प्रदर्शित करने के लिए टेबल का उपयोग किया जा सकता है। भावनात्मक ट्रेडिंग से बचने के लिए टेबल का उपयोग करके तर्कसंगत निर्णय लेने में मदद मिल सकती है। लीवरेज के प्रभाव को समझने के लिए टेबल का उपयोग किया जा सकता है। बाइनरी विकल्प ब्रोकर की तुलना करने के लिए टेबल का उपयोग किया जा सकता है। ट्रेडिंग प्लेटफॉर्म की सुविधाओं की तुलना करने के लिए टेबल का उपयोग किया जा सकता है। बाइनरी विकल्प जोखिम को समझने के लिए टेबल का उपयोग किया जा सकता है।

निष्कर्ष

एचटीएमएल टेबल वेब पेजों पर डेटा को व्यवस्थित और प्रदर्शित करने के लिए एक शक्तिशाली उपकरण हैं। इस लेख में, हमने एचटीएमएल टेबल के मूल ढांचे, विशेषताओं, स्टाइलिंग और उन्नत सुविधाओं के बारे में सीखा। टेबल का उपयोग करके, आप अपने वेब पेजों को अधिक आकर्षक और जानकारीपूर्ण बना सकते हैं।

अभी ट्रेडिंग शुरू करें

IQ Option पर रजिस्टर करें (न्यूनतम जमा $10) Pocket Option में खाता खोलें (न्यूनतम जमा $5)

हमारे समुदाय में शामिल हों

हमारे Telegram चैनल @strategybin से जुड़ें और प्राप्त करें: ✓ दैनिक ट्रेडिंग सिग्नल ✓ विशेष रणनीति विश्लेषण ✓ बाजार की प्रवृत्ति पर अलर्ट ✓ शुरुआती के लिए शिक्षण सामग्री