HTML तालिका बिल्डर
HTML तालिकाओं को दृश्य रूप से बनाएँ और कोड कॉपी करें।
कैसे उपयोग करें
- पंक्तियों और कॉलमों की संख्या सेट करें, फिर लागू करें पर क्लिक करें।
- डेटा सीधे संपादन योग्य सेल में दर्ज करें।
- हेडर पंक्ति, धारियाँ, बॉर्डर और होवर जैसे विकल्प सक्षम करें।
- जनरेट किया गया कोड कॉपी करने के लिए HTML कॉपी करें पर क्लिक करें।
अक्सर पूछे जाने वाले प्रश्न
क्या जनरेट किए गए कोड में CSS शामिल है?
हाँ। जब आप धारीदार, बॉर्डर या होवर जैसे विकल्प सक्षम करते हैं, टूल HTML में इनलाइन CSS शैलियाँ जनरेट करता है ताकि टेबल स्वतंत्र रूप से प्रदर्शित हो।
अधिकतम टेबल आकार क्या है?
50 पंक्तियों और 20 कॉलम तक। बड़े डेटासेट के लिए, एक स्प्रेडशीट टूल का उपयोग करें और HTML निर्यात करें।
यह कैसे काम करता है
- टेबल आयाम सेट करें: प्रारंभिक ग्रिड जनरेट करने के लिए पंक्तियों और कॉलम की संख्या दर्ज करें।
- डेटा भरें: सामग्री दर्ज करने के लिए सेल पर क्लिक करें, हेडर पंक्तियाँ जोड़ें और बॉर्डर सक्षम करें।
- टेबल स्टाइल करें: बॉर्डर शैली, हेडर पृष्ठभूमि रंग, पंक्ति धारियाँ और सेल पैडिंग चुनें।
- HTML कॉपी करें: जनरेट किए गए टेबल मार्कअप में
<thead>के साथ<th>हेडर शामिल हैं।
HTML टेबल जनरेटर क्यों इस्तेमाल करें?
हाथ से HTML टेबल मार्कअप लिखना थकाऊ और दोहराव वाला है, विशेष रूप से कई पंक्तियों या जटिल हेडर वाली तालिकाओं के लिए।
टेबल विशेषताएँ
- thead/tbody संरचना: सुगम्यता के लिए सिमेंटिक टेबल मार्कअप
- पंक्ति धारियाँ: CSS nth-child के साथ वैकल्पिक रंग
- बॉर्डर शैलियाँ: पूर्ण ग्रिड, केवल क्षैतिज या बिना बॉर्डर
- कॉलम मर्जिंग: colspan और rowspan समर्थन
- उत्तरदायी रैपर: मोबाइल के लिए वैकल्पिक क्षैतिज स्क्रॉल रैपर