वेब पेजों में टेबल्स और स्प्रेडशीट एम्बेड करने के बेहतर तरीके

20 जून 2018   |  सागर गुप्ता   (53 बार पढ़ा जा चुका है)



वेब पृष्ठों में टैब्यूलर डेटा एम्बेड करना आसान है। आप या तो मानक का उपयोग कर सकते हैं एचटीएमएल टैग या आप स्प्रेडशीट में टैब्यूलर डेटा इनपुट कर सकते हैं - जैसे एक्सेल ऑनलाइन या Google स्प्रेडशीट्स - और अपने वेब पृष्ठों में शीट एम्बेड करें।

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

यदि आपके पास ड्रीमवेवर जैसे WYSIWYG संपादक तक पहुंच है, तो आप अंतर्निहित विज़ार्ड का उपयोग करके आसानी से एक HTML तालिका बना सकते हैं, लेकिन मैं टेबल बनाने के लिए मार्कडाउन का उपयोग करना पसंद करता हूं क्योंकि इसमें कोई टैग की आवश्यकता नहीं होती है। Gist.github.com पर जाएं (आपको यहां एक खाता भी नहीं चाहिए) और निम्न प्रारूप में तालिका दर्ज करें:

प्रत्येक कॉलम को पाइप (|) से अलग किया जाता है जबकि हाइफ़न (-) तालिका शीर्षलेख इंगित करता है। Gist table.md का नाम दें (.md मार्कडाउन भाषा इंगित करता है) और तालिका के रूप में मार्कडाउन को प्रस्तुत करने के लिए 'गुप्त गिट बनाएं' बटन पर क्लिक करें।

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

स्प्रेडशीट डेटा को HTML तालिका कोड में परिवर्तित करने के लिए टेबलिज़र एक और आसान टूल है। अपने डेस्कटॉप पर एक्सेल या नंबर ऐप के अंदर एक टेबल बनाएं, सेल कॉपी करें और इसे टेबलज़र के अंदर पेस्ट करें। यह HTML कोड जेनरेट करेगा जिसका उपयोग आपके ब्लॉग या वेबसाइट पर किया जा सकता है।

वेब पेज में टैब्यूलर डेटा एम्बेड करने के लिए एक लोकप्रिय विकल्प Google डॉक्स (स्प्रेडशीट्स) के माध्यम से है। इस दृष्टिकोण के साथ लाभ यह है कि आप स्प्रेडशीट में डेटा को संशोधित कर सकते हैं और एम्बेडेड टेबल संपादन को प्रतिबिंबित करने के लिए स्वयं अपडेट हो जाएगा। तालिका वाले वेब पेज को संपादित करने की कोई आवश्यकता नहीं है।

Spreadsheets.google.com पर जाएं, शीट में कुछ डेटा दर्ज करें और फ़ाइल मेनू से वेब विकल्प पर प्रकाशित करें चुनें। स्टार्ट पब्लिशिंग चुनें और Google ड्राइव आपको उस विशेष शीट के लिए IFRAME एम्बेड कोड प्रदान करेगा।

एम्बेडेड शीट - लाइव संस्करण देखें - कोशिकाओं के मूल स्वरूपण को संरक्षित रखेगा लेकिन यह अभी भी एक स्थिर HTML दस्तावेज़ होगा - HTML तालिका में डेटा को सॉर्ट या फ़िल्टर करने के लिए कोई विकल्प नहीं है।

वेब पेज में स्प्रेडशीट डेटा एम्बेड करने के लिए यह मेरी पसंदीदा विधि है और मैं जल्द ही बताऊंगा क्यों।

Office.live.com पर जाएं और नई रिक्त कार्यपुस्तिका बनाएं। एक्सेल शीट के अंदर टैब्यूलर डेटा दर्ज करें और फिर फ़ाइल -> साझा करें -> एम्बेड करें -> HTML उत्पन्न करें चुनें।

एक्सेल, Google डॉक्स के विपरीत, आपको सेल की एक विस्तृत श्रृंखला को एम्बेड करने की अनुमति देता है, न कि संपूर्ण स्प्रेडशीट। आप एम्बेडेड सेल में एक डाउनलोड लिंक भी शामिल कर सकते हैं जिससे आपकी वेबसाइट विज़िटर को स्थानीय स्प्रेडशीट ऐप में टेबल डाउनलोड और खोलना आसान हो जाता है। एम्बेडेड स्प्रेडशीट Google डॉक्स की तुलना में बेहतर कॉपी-पेस्ट भी प्रदान करता है।

Excel वेब ऐप का उपयोग करके एम्बेडेड एक HTML तालिका का लाइव संस्करण यहां दिया गया है।

संबंधित: एक्सेल में वेब टेबल्स कैप्चर करें

यदि आप इंटरैक्टिव स्प्रेडशीट आधारित तालिकाओं की बजाय स्थैतिक HTML तालिकाओं के साथ जाना चाहते हैं, तो आप एक्सेल बटन जोड़ने पर विचार कर सकते हैं जो आपके HTML टेबल को इंटरैक्टिव बना देगा।

आपके पास नियमित HTML कोड है
और आपको बस इतना करना है कि अपने वेब पेज पर एक और HTML टैग जोड़ें जो एम्बेडेड स्थिर तालिका को एक इंटरैक्टिव शीट में बदल देगा - - यह लाइव संस्करण देखें।

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

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

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

संबंधित गाइड: किसी वेबसाइट में कुछ भी एम्बेड कैसे करें

अगला लेख: इंटरनेट पर बड़ी फाइलें भेजने के लिए सर्वश्रेष्ठ सेवाएं



शब्दनगरी पर हो रही अन्य चर्चायें
16 जून 2018
जी
जीमेल के लिए मेल मर्ज आपको व्यक्तिगत संदेश को एक या अधिक ईमेल प्राप्तकर्ताओं को आसानी से भेज सकता है। आप जीमेल में एक मसौदा ईमेल लिख सकते हैं, Google स्प्रेडशीट में ईमेल प्राप्तकर्ताओं की सूची निर्दिष्ट कर सकते हैं और मेल मर्ज प्रोग्राम इन सभी पतों पर एक ही समय में अनुकूलित ईमेल भेजेगा।मेल मर्ज माइक
16 जून 2018
16 जून 2018
जी
जीमेल के लिए मेल मर्ज आपको व्यक्तिगत संदेश को एक या अधिक ईमेल प्राप्तकर्ताओं को आसानी से भेज सकता है। आप जीमेल में एक मसौदा ईमेल लिख सकते हैं, Google स्प्रेडशीट में ईमेल प्राप्तकर्ताओं की सूची निर्दिष्ट कर सकते हैं और मेल मर्ज प्रोग्राम इन सभी पतों पर एक ही समय में अनुकूलित ईमेल भेजेगा।मेल मर्ज माइक
16 जून 2018
24 जून 2018
पाइन आइलैंड ग्लेशियर, पश्चिम अंटार्कटिका में सबसे कमजोर में से एक, समुद्री जल से नीचे पिघल रहा है।केटी लैंगिनजुन द्वारा। 21, 2018, 2:00 अपराह्नपिछले हफ्ते अंटार्कटिका से खबर ख़राब हो रही थी। प्रकृति में प्रकाशित एक सर्वसम्मति अनुमान के मुताबिक महाद्वीप ने पिछले 25 वर्षों में 3 ट्रिलियन टन बर्फ खो दि
24 जून 2018
23 जून 2018
Google, माइक्रोसॉफ्ट, आईबीएम और अमेज़ॅन ने डेवलपर्स के लिए अपने स्वयं के अनुप्रयोगों में मानव संज्ञानात्मक क्षमताओं (जिसे कृत्रिम बुद्धि के रूप में भी जाना जाता है) जोड़ना आसान बना दिया है। आपको कंप्यूटर प्रोग्राम बनाने के लिए मशीन लर्निंग विशेषज्ञ नहीं होना चाहिए जो फोटोग्राफ में ऑब्जेक्ट्स को पहचा
23 जून 2018
13 जून 2018
अपने जीमेल संदेशों का बैकअप लेने का एक आसान तरीका खोज रहे हैं? डाउनलोड जीमेल ऐड-ऑन स्वचालित रूप से आपके जीमेल ईमेल की एक प्रति सहेजता है और आपके Google ड्राइव में फाइल संलग्नक सहेजता है। फिर आप अपने स्थानीय विंडोज पीसी या मैक में ड्राइव में सहेजी गई फ़ाइलों का बैकअप लेने के लिए ड्राइव क्लाइंट का उपय
13 जून 2018
13 जून 2018
Y
Gaming.youtube.com पर उपलब्ध यूट्यूब का गेमिंग प्लेटफॉर्म मुख्य रूप से वीडियो गेम की लाइव स्ट्रीमिंग पर केंद्रित है। इसमें अमेज़ॅन के ट्विच टीवी के रूप में बड़े दर्शक नहीं हो सकते हैं, लेकिन कुछ अद्वितीय विशेषताएं मौजूद हैं जो वाईटी गेमिंग ऐप को पेशेवर गेमर्स के लिए हर किसी के लिए उपयोगी बनाती हैं।
13 जून 2018
13 जून 2018
कि
इस गर्मी में कोडिंग सीखना चाहते हैं? खैर, इंटरनेट पर बहुत से मुफ्त संसाधन हैं जो आपको जल्दी से शुरू करने के लिए हैं, लेकिन यदि आप उचित प्रशिक्षक के नेतृत्व वाले वीडियो पाठ्यक्रम पसंद करते हैं, तो Udemy के साथ जाएं। यदि आप यहां नए हैं, तो उडेमी एक ऑनलाइन बाजार है जहां आपको सुलेख से लेकर फोटोग्राफी तक
13 जून 2018
13 जून 2018
इं
इंटरनेट पर सबसे उपयोगी वेबसाइटें हैं जो आपको बेहतर बनाती हैं, उत्पादकता में वृद्धि करती हैं और आपको नए कौशल सीखने में मदद करती हैं। ये अविश्वसनीय रूप से उपयोगी वेबसाइटें कम से कम एक समस्या को वास्तव में अच्छी तरह से हल करती हैं। और उनके सभी में अच्छे यूआरएल हैं जो आपको याद रखने में आसान हैं जिससे आप
13 जून 2018
21 जून 2018
जब आपको अपने Google Voice खाते से जुड़े फ़ोन नंबर पर वॉयस मेल संदेश प्राप्त होता है, तो वॉयस मेल का टेक्स्ट ट्रांसक्रिप्शन आपके जीमेल खाते में आपके फोन या डेस्कटॉप पर ऑडियो संदेश चलाने के लिंक के साथ ईमेल किया जाता है। अब आप अपने वॉयस मेल को अपने Google ड्राइव में एमपी 3 फ़ाइल के रूप में स्वचालित रू
21 जून 2018
19 जून 2018
मै
आपके पास एक डेस्कटॉप कंप्यूटर विंडोज चल रहा है और यह मशीन एक यूएसबी केबल के साथ एक प्रिंटर से जुड़ा हुआ है। यह एक साधारण (क्लासिक) प्रिंटर है जो वेब-सक्षम नहीं है, जिसका अर्थ है कि यह सीधे इंटरनेट से कनेक्ट नहीं हो सकता है। आपके पास मैकबुक भी है और आप मैक से अपने विंडोज जुड़े प्रिंटर पर प्रिंट जॉब्स
19 जून 2018
24 जून 2018
Google रिवर्स इमेज सर्च आपको वेब से दृश्यमान समान छवियों को तुरंत खोजने में मदद करता है। अपने डेस्कटॉप से ​​Google छवियों में एक तस्वीर अपलोड करें और यह आपको अन्य वेबसाइटों पर उपयोग की जाने वाली संबंधित छवियां और उसी फ़ोटो के विभिन्न आकारों को लगभग तुरंत दिखाएगी।पत्रकार किसी छवि के मूल स्रोत को खोजन
24 जून 2018
18 जून 2018
जीमेल में कुछ ईमेल भेजने की सीमा है और आपको केवल प्रति दिन सीमित संख्या में ईमेल संदेश भेजने की अनुमति है। यदि आप दैनिक कोटा से अधिक हो जाते हैं, तो Google बिना किसी चेतावनी के आपके अस्थायी रूप से आपके जीमेल खाते को अक्षम कर सकता है और आपको अपने जीमेल मेलबॉक्स तक पहुंच प्राप्त करने से पहले 24 घंटे त
18 जून 2018
13 जून 2018
अपने जीमेल संदेशों का बैकअप लेने का एक आसान तरीका खोज रहे हैं? डाउनलोड जीमेल ऐड-ऑन स्वचालित रूप से आपके जीमेल ईमेल की एक प्रति सहेजता है और आपके Google ड्राइव में फाइल संलग्नक सहेजता है। फिर आप अपने स्थानीय विंडोज पीसी या मैक में ड्राइव में सहेजी गई फ़ाइलों का बैकअप लेने के लिए ड्राइव क्लाइंट का उपय
13 जून 2018
16 जून 2018
Gmail आपके मेलबॉक्स में दफन किए गए उस छिपे हुए ईमेल संदेश को तुरंत ढूंढने में आपकी सहायता के लिए खोज ऑपरेटर की एक बड़ी संख्या का समर्थन करता है। आपके पास आकार की खोज है - जैसे big_than: 5mb - अपने खाते में बड़े संदेश ढूंढने के लिए। फ़ाइल खोज - जैसे है: अनुलग्नक फ़ाइल नाम: दस्तावेज़ - उन ईमेल संदेशों
16 जून 2018
25 जून 2018
इं
यदि आपको इंटरनेट पर किसी के साथ बड़ी फ़ाइल साझा करना है, तो आम तौर पर दो विकल्प होते हैं - आप या तो फ़ाइल को एक ईमेल संदेश में संलग्नक के रूप में डाल सकते हैं या यदि फ़ाइल ईमेल के अंदर फिट होने के लिए बहुत बड़ी है, तो आप इसे अपलोड कर सकते हैं एक फ़ाइल होस्टिंग सेवा के लिए और फिर प्राप्तकर्ता के साथ
25 जून 2018
22 जून 2018
Google फॉर्म ने कोई सीमा नहीं लगाई है। Google फॉर्म के अंदर बनाए गए किसी भी सर्वेक्षण या सर्वेक्षण की कोई समाप्ति तिथि नहीं है और जब तक फॉर्म स्वामी मैन्युअल रूप से फॉर्म को बंद करने का निर्णय नहीं लेता है तब तक यह प्रतिक्रियाओं की असीमित संख्या एकत्र कर सकता है।हालांकि कुछ Google फॉर्म के लिए, सीमा
22 जून 2018
25 जून 2018
हैदराबाद स्थित शहरी डार्ट फ्रीलांस बिक्री पेशेवरों के साथ कंपनियों को जोड़ता है, और टर्बो-चार्ज बिक्री का वादा करता है और विकास में तेजी लाता है।एक नजर में:स्टार्टअप: शहरी डार्टसाल की स्थापना की गई: 2017संस्थापक: निथिन बालेके आधार पर: हैदराबादसेक्टर: एचआरसमस्या हल करती है: बिक्री टीम प्रबंधनधन: बूटस
25 जून 2018
24 जून 2018
पाइन आइलैंड ग्लेशियर, पश्चिम अंटार्कटिका में सबसे कमजोर में से एक, समुद्री जल से नीचे पिघल रहा है।केटी लैंगिनजुन द्वारा। 21, 2018, 2:00 अपराह्नपिछले हफ्ते अंटार्कटिका से खबर ख़राब हो रही थी। प्रकृति में प्रकाशित एक सर्वसम्मति अनुमान के मुताबिक महाद्वीप ने पिछले 25 वर्षों में 3 ट्रिलियन टन बर्फ खो दि
24 जून 2018
23 जून 2018
Google, माइक्रोसॉफ्ट, आईबीएम और अमेज़ॅन ने डेवलपर्स के लिए अपने स्वयं के अनुप्रयोगों में मानव संज्ञानात्मक क्षमताओं (जिसे कृत्रिम बुद्धि के रूप में भी जाना जाता है) जोड़ना आसान बना दिया है। आपको कंप्यूटर प्रोग्राम बनाने के लिए मशीन लर्निंग विशेषज्ञ नहीं होना चाहिए जो फोटोग्राफ में ऑब्जेक्ट्स को पहचा
23 जून 2018
13 जून 2018
इं
इंटरनेट पर सबसे उपयोगी वेबसाइटें हैं जो आपको बेहतर बनाती हैं, उत्पादकता में वृद्धि करती हैं और आपको नए कौशल सीखने में मदद करती हैं। ये अविश्वसनीय रूप से उपयोगी वेबसाइटें कम से कम एक समस्या को वास्तव में अच्छी तरह से हल करती हैं। और उनके सभी में अच्छे यूआरएल हैं जो आपको याद रखने में आसान हैं जिससे आप
13 जून 2018
13 जून 2018
अपने जीमेल संदेशों का बैकअप लेने का एक आसान तरीका खोज रहे हैं? डाउनलोड जीमेल ऐड-ऑन स्वचालित रूप से आपके जीमेल ईमेल की एक प्रति सहेजता है और आपके Google ड्राइव में फाइल संलग्नक सहेजता है। फिर आप अपने स्थानीय विंडोज पीसी या मैक में ड्राइव में सहेजी गई फ़ाइलों का बैकअप लेने के लिए ड्राइव क्लाइंट का उपय
13 जून 2018
24 जून 2018
Google रिवर्स इमेज सर्च आपको वेब से दृश्यमान समान छवियों को तुरंत खोजने में मदद करता है। अपने डेस्कटॉप से ​​Google छवियों में एक तस्वीर अपलोड करें और यह आपको अन्य वेबसाइटों पर उपयोग की जाने वाली संबंधित छवियां और उसी फ़ोटो के विभिन्न आकारों को लगभग तुरंत दिखाएगी।पत्रकार किसी छवि के मूल स्रोत को खोजन
24 जून 2018
16 जून 2018
जी
जीमेल के लिए मेल मर्ज आपको व्यक्तिगत संदेश को एक या अधिक ईमेल प्राप्तकर्ताओं को आसानी से भेज सकता है। आप जीमेल में एक मसौदा ईमेल लिख सकते हैं, Google स्प्रेडशीट में ईमेल प्राप्तकर्ताओं की सूची निर्दिष्ट कर सकते हैं और मेल मर्ज प्रोग्राम इन सभी पतों पर एक ही समय में अनुकूलित ईमेल भेजेगा।मेल मर्ज माइक
16 जून 2018
सम्बंधित
लोकप्रिय
आज के प्रमुख लेख
आसान हिन्दी  [?]
तीव्र हिंदी  [?]
ऑनस्क्रीन कीबोर्ड  [?]
हिन्दी टाइपिंग  [?]
डिफ़ॉल्ट कीबोर्ड  [?]

(फोन के लिए विकल्प)
X
1 2 3 र्4 ज्ञ5 त्र6 क्ष7 श्र8 (9 )0 --   =
q w e r t y u i o p [   ]
a s d िfि g h  j k l ; '  \
  z x c  v  b n m ,, .. ?/ एंटर
शिफ्ट                                                         शिफ्ट बैकस्पेस
x