एक इंटरैक्टिव एचटीएमएल ईमेल एक शक्तिशाली उपकरण है। व्यवसाय उन्हें प्रोमो सौदों के लिए उपयोग कर सकते हैं, फ्रीलांसर उनका उपयोग अपनी सेवाओं को पिच करने के लिए कर सकते हैं संभावित ग्राहक, और पोते-पोतियां अपने दादा-दादी के चेहरों पर एक प्यारी सी प्रथा के साथ मुस्कान ला सकते हैं डिजाईन। शुरुआत से कस्टम ईमेल बनाने के लिए आपको केवल दो तकनीकों की आवश्यकता होगी HTML और इनलाइन CSS हैं। आपको बस एक डिज़ाइन को ध्यान में रखना है, तालिका पंक्तियों और स्तंभों के रूप में इसका विश्लेषण करना है, और आप निर्माण शुरू करने के लिए अच्छे हैं। इस लेख में, आप कस्टम HTML ईमेल बनाने और भेजने की चरण-दर-चरण विधि सीखेंगे।
HTML का उपयोग करके ईमेल टेम्प्लेट बनाएं
ईमेल टेम्प्लेट पारंपरिक HTML तकनीकों पर निर्भर करता है। आप टेबल और स्टैकिंग टेबल पंक्तियों के साथ काम करेंगे और टेबल डेटा पूरे समय। मूल HTML ईमेल टेम्प्लेट इस तरह दिखता है:
एमयूओ - प्रौद्योगिकी, सरलीकृत
...
...
...
...
...
...
...
...
आउटपुट:
एक डिज़ाइन तैयार करना सबसे अच्छा होगा ताकि आप यह पता लगा सकें कि आप डिज़ाइन को कहाँ और कैसे काटने जा रहे हैं। इसके अतिरिक्त, आप इसमें से एक तालिका संरचना का मसौदा तैयार करने के लिए मानसिक रूप से तैयार होंगे।
यहां, आप दस्तावेज़ के लिए DOCTYPE से शुरुआत कर रहे हैं। अगला, आप वर्णसेट, सामग्री प्रकार, मेटा टैग और शीर्षक को अंदर सेट करते हैं उपनाम। आवश्यक हिस्सा के साथ शुरू होता है टैग जहां आप माता-पिता को रखते हैं और कई टेबल पंक्तियाँ जोड़ें इसके अंदर। सामग्री को उचित संख्या में पंक्तियों में विभाजित करने के बाद, तालिका डेटा दर्ज करने का समय आ गया है उनके अंदर।
जैसा कि कहा गया है, आपको केवल टेबल के साथ काम करना है। इसलिए, के अंदर विभिन्न डेटा दर्ज करने के लिए टैग, आपको एक परिभाषित मार्ग का पालन करने की आवश्यकता है। उदाहरण के लिए, आइए एक लोगो और तारीख के साथ एक ईमेल टेम्पलेट बनाएं a उपनाम।
टैग के अंदर लोगो और तारीख
05 दिसंबर, 2021
अब आप जानते हैं कि HTML टैग कैसे लगाएं और अपने ईमेल टेम्प्लेट के लिए एक अच्छी संरचना बनाएं। आइए ईमेल शैली को बेहतर ढंग से समझने के लिए आगे बढ़ते हैं।
अपने HTML ईमेल को स्टाइल करें
HTML ईमेल को स्टाइल करना एक बोझिल काम है क्योंकि आप केवल इनलाइन CSS का उपयोग कर सकते हैं। साथ ही, आपको हर तत्व के लिए स्टाइल को फिर से शुरू करने की आवश्यकता होगी यदि उसके पास समान स्टाइल है। यदि आप कैस्केडिंग स्टाइल शीट्स से परिचित नहीं हैं, तो एक्सप्लोर करें सीएसएस के साथ शुरुआत करना.
पूर्वावलोकन:
05 दिसंबर, 2021
नमस्ते जॉन डो
हमारी साइट पर आने के लिए धन्यवाद। हमें उम्मीद है कि आपने आज कुछ नया सीखा।
आपका मत हमारे लिए महत्वपूर्ण है!
हमारे लेखों को यहां रेट करें।
012345678910
उत्पादन:
आप चाहें तो कर सकते हैं GitHub पर पूरा कोड एक्सेस करें और इसका उपयोग करने के लिए रिपॉजिटरी को क्लोन करें।
मेल भेजना
अब GitHub से पूरा कोड कॉपी-पेस्ट करें। यदि आप VS कोड का उपयोग कर रहे हैं, तो लाइव सर्वर एक्सटेंशन का उपयोग करके HTML फ़ाइल खोलें और सामग्री पर क्लिक करके कॉपी करें Ctrl + ए>Ctrl + सी. जीमेल खोलें और एक नया ईमेल लिखें। सामग्री पेस्ट करें और प्राप्तकर्ता की मेल आईडी दर्ज करें। ईमेल भेजें और आपको नीचे दिखाए गए अनुसार परिणाम मिलेंगे:
यह देखने और व्यवहार करने के तरीके को देखने के लिए विभिन्न उपकरणों पर कोड का परीक्षण करें। अपने HTML ईमेल को अनुकूलित करें और इसे स्वच्छ, सरल और प्रतिक्रियाशील बनाएं।
मौजूदा ईमेल टेम्प्लेट को संशोधित करें
खरोंच से एक HTML ईमेल बनाना HTML और इनलाइन CSS पर एक ठोस पकड़ की मांग करता है। आप किसी मौजूदा ईमेल टेम्पलेट को संशोधित भी कर सकते हैं और उसे अपनी आवश्यकताओं के अनुसार अनुकूलित कर सकते हैं। ध्यान रखें कि HTML ईमेल लोड होने में कुछ सेकंड लगते हैं। किसी भी अंतिम-उपयोगकर्ता विसंगतियों से बचने के लिए योजना, डिज़ाइन, कोड और पूरी तरह से परीक्षण करें। बेहतर, अधिक सुलभ कोड लिखने के लिए आप सिमेंटिक HTML और CSS के बारे में अधिक जान सकते हैं।
वेब एक्सेसिबिलिटी प्राप्त करने के लिए HTML और CSS में सूक्ष्म सुधार करें। आसानी से नेविगेट करने और अपनी वेबसाइट के साथ बातचीत करने के लिए आगंतुकों को आकर्षित करें।
आगे पढ़िए
- प्रोग्रामिंग
- एचटीएमएल
- प्रोग्रामिंग
- सीएसएस
नैंसी अत्यधिक प्रतिक्रियाशील वेबसाइटों और वेब प्रतियों के साथ कुशल सामग्री रणनीति बनाने में माहिर हैं। वह एक स्वतंत्र तकनीकी लेखिका हैं, जो ट्रेंडिंग तकनीकों पर पैनी नज़र रखती हैं।
हमारे न्यूज़लेटर की सदस्यता लें
तकनीकी युक्तियों, समीक्षाओं, निःशुल्क ई-पुस्तकों और अनन्य सौदों के लिए हमारे न्यूज़लेटर से जुड़ें!
सब्सक्राइब करने के लिए यहां क्लिक करें