HTML में हमें बहुत सारे टैग जोड़ने होते हैं और फॉर्मेटिंग के लिए HTML में स्टाइल भी जोड़ा जाता है। हम HTML में वही कार्य कर सकते हैं जो हम Markdown का उपयोग करके भी कर सकते हैं। हम मार्कडाउन फ़ाइल को केवल कुछ कमांड का उपयोग करके आसानी से HTML फ़ाइल में परिवर्तित कर सकते हैं। हम यहां समझाएंगे कि मार्कडाउन को HTML में कैसे बदलें। हम मार्कडाउन को एचटीएमएल में भी बदल देंगे और इस गाइड में इस अवधारणा का विस्तृत विवरण प्रदान करेंगे। अब, हम मार्कडाउन फ़ाइल को HTML फ़ाइल में कनवर्ट करते हैं। साथ ही, हम विज़ुअल स्टूडियो कोड में मार्कडाउन फ़ाइल को HTML फ़ाइल में बदलने के लिए प्रत्येक चरण को दिखाएंगे और समझाएंगे।
उदाहरण 1:
हम यहां विजुअल स्टूडियो कोड का उपयोग करते हैं। विजुअल स्टूडियो कोड में हम दिखाते हैं कि हम मार्कडाउन फाइल को एचटीएमएल फाइल में कैसे बदलते हैं। इसके लिए हमारे पास इस विजुअल स्टूडियो कोड में बनाई गई मार्कडाउन फाइल होनी चाहिए। हम यहां जो फाइल बनाते हैं उसका नाम 'myabcfile.md' है। इस फ़ाइल में, हम “#” टैग का उपयोग करके शीर्षक जोड़ते हैं। फिर, हम इस शीर्षक के नीचे एक टेक्स्ट जोड़ते हैं जो एक साधारण टेक्स्ट या पैराग्राफ है। अब, हम एक और लाइन भी डालते हैं जो बोल्ड है क्योंकि हम शुरुआत में दो तारांकन और इस पंक्ति के अंत में दो तारांकन डालते हैं। तो, यह रेखा यहाँ बोल्ड दिखाई देती है। इसके बाद हम “list” शब्द को इटैलिक बनाते हैं। हम दो अंडरस्कोर का उपयोग करके इस शब्द को इटैलिक बनाते हैं। एक अंडरस्कोर शुरुआत में जोड़ा जाता है और एक अंडरस्कोर शब्द के अंत में जोड़ा जाता है। निम्नलिखित दृष्टांत में, हम क्रमित सूची बनाते हैं, संख्या को रखकर और संख्या के बाद बिंदु लगाते हैं। अब, हम इस फाइल को सेव करते हैं। हम यह भी दिखाएंगे कि पूर्वावलोकन विंडो में यह फ़ाइल कैसे दिखाई देती है।
हम पूर्वावलोकन विंडो में केवल मार्कडाउन कोड का आउटपुट दिखाते हैं। अब, हम इस मार्कडाउन को HTML में कनवर्ट करते हैं। आगे बढ़ें और निम्न उदाहरण में देखें कि इस मार्कडाउन फ़ाइल को HTML फ़ाइल में कैसे परिवर्तित किया जाए:
इस विजुअल स्टूडियो कोड के शीर्ष पर मौजूद टास्कबार पर टर्मिनल पर क्लिक करके टर्मिनल खोलें। जब यह टर्मिनल खोला जाता है, तो 'कोड-इंस्टॉल-एक्सटेंशन yzhang.markdown-all-in-one' कमांड टाइप करें जो निम्नलिखित में भी दिखाया गया है। विजुअल स्टूडियो कोड के टर्मिनल में इस कमांड को टाइप करने के बाद, हम 'एंटर' कुंजी दबाते हैं। इस कमांड को सफलतापूर्वक कंपाइल करने के बाद हम आगे बढ़ते हैं। यह आदेश इस एक्सटेंशन को स्थापित करने में मदद करता है जिसका उल्लेख यहां किया गया है।
जब पिछला एक्सटेंशन सफलतापूर्वक स्थापित हो जाता है, तो हम इस विजुअल स्टूडियो कोड में 'कमांड पैलेट' खोलते हैं। यह आदेश पैलेट केवल 'CTRL+SHIFT+P' कुंजियों को दबाकर खोला जाता है। इसके बाद इस विजुअल स्टूडियो कोड ऐप में सबसे ऊपर ड्रॉपडाउन ओपन होता है। यहां, हम सिर्फ “Markdown” टाइप करते हैं और फिर वहां कई कमांड दिखाई देते हैं। हम यहां 'मार्कडाउन ऑल इन वन: प्रिंट करेंट डॉक्यूमेंट टू एचटीएमएल' का चयन करते हैं, जैसा कि निम्नलिखित इमेज में दिखाया गया है। यहां, हम 'CTRL+SHIFT+P' दबाने के बाद इस कमांड का चयन करते हैं। अब, यह मार्कडाउन फ़ाइल इस कमांड की सहायता से HTML फ़ाइल में परिवर्तित हो जाती है जिसे हमने यहाँ चुना था।
दोनों फाइलें यहां दिखाई गई हैं। हम इस “myabcfile.md” को “myabcfile.html” फ़ाइल में बदल देते हैं। मार्कडाउन के साथ-साथ HTML फ़ाइल को निम्न छवि में दिखाया गया है। इस HTML फ़ाइल में वह सभी डेटा है जो हमने मार्कडाउन फ़ाइल में जोड़ा है। लेकिन फर्क सिर्फ इतना है कि HTML फाइल में अलग-अलग टैग और स्टाइल होते हैं लेकिन मार्कडाउन फाइल में बहुत सारे टैग नहीं होते हैं।
HTML फ़ाइल को निम्न छवि में भी दिखाया गया है। आप इस फ़ाइल में ',
,