HTML இல், நாம் நிறைய குறிச்சொற்களை சேர்க்க வேண்டும் மற்றும் வடிவமைப்பிற்காக HTML இல் பாணி சேர்க்கப்பட்டுள்ளது. மார்க் டவுனைப் பயன்படுத்தி நாம் செய்யக்கூடிய அதே பணிகளை HTML இல் செய்யலாம். சில கட்டளைகளைப் பயன்படுத்தி மார்க் டவுன் கோப்பை எளிதாக HTML கோப்பாக மாற்றலாம். மார்க் டவுனை HTML ஆக மாற்றுவது எப்படி என்பதை இங்கு விளக்குவோம். நாங்கள் மார்க் டவுனை HTML ஆக மாற்றுவோம் மற்றும் இந்த வழிகாட்டியில் இந்த கருத்தின் விரிவான விளக்கத்தை வழங்குவோம். இப்போது, மார்க் டவுன் கோப்பை HTML கோப்பாக மாற்றுகிறோம். மேலும், விஷுவல் ஸ்டுடியோ குறியீட்டில் மார்க் டவுன் கோப்பை HTML கோப்பாக மாற்ற நாம் பின்பற்ற வேண்டிய ஒவ்வொரு படியையும் காண்பிப்போம், விளக்குவோம்.
எடுத்துக்காட்டு 1:
விஷுவல் ஸ்டுடியோ குறியீட்டை இங்கே பயன்படுத்துகிறோம். விஷுவல் ஸ்டுடியோ குறியீட்டில் மார்க் டவுன் கோப்பை HTML கோப்பாக மாற்றுவது எப்படி என்பதைக் காட்டுகிறோம். இதற்கு, இந்த விஷுவல் ஸ்டுடியோ குறியீட்டில் உருவாக்கப்பட்ட மார்க் டவுன் கோப்பை நாம் வைத்திருக்க வேண்டும். இங்கு நாம் உருவாக்கும் கோப்பின் பெயர் “myabcfile.md”. இந்தக் கோப்பில், “#” குறிச்சொல்லைப் பயன்படுத்தி தலைப்பைச் சேர்க்கிறோம். பின்னர், இந்த தலைப்புக்கு கீழே ஒரு எளிய உரை அல்லது பத்தியைச் சேர்க்கிறோம். இப்போது, தடிமனான மற்றொரு வரியையும் நுழைக்கிறோம், ஏனெனில் இந்த வரியின் தொடக்கத்தில் இரண்டு நட்சத்திரங்களையும் இறுதியில் இரண்டு நட்சத்திரங்களையும் செருகுகிறோம். எனவே, இந்த வரி இங்கே தடித்ததாக தோன்றுகிறது. இதற்குப் பிறகு, 'பட்டியல்' என்ற வார்த்தையை சாய்வாக ஆக்குகிறோம். இரண்டு அடிக்கோடுகளைப் பயன்படுத்தி இந்த வார்த்தையை சாய்வாக ஆக்குகிறோம். தொடக்கத்தில் ஒரு அடிக்கோடியும், வார்த்தையின் முடிவில் ஒரு அடிக்கோடியும் சேர்க்கப்படும். பின்வரும் விளக்கப்படத்தில், எண்ணை வைத்து எண்ணுக்குப் பின் புள்ளியை வைப்பதன் மூலம் ஆர்டர் செய்யப்பட்ட பட்டியலை உருவாக்குகிறோம். இப்போது, இந்த கோப்பை சேமிக்கிறோம். முன்னோட்ட சாளரத்தில் இந்த கோப்பு எவ்வாறு தோன்றும் என்பதையும் காண்பிப்போம்.
முன்னோட்ட சாளரத்தில் மார்க் டவுன் குறியீட்டின் வெளியீட்டைக் காட்டுகிறோம். இப்போது, இந்த மார்க் டவுனை HTML ஆக மாற்றுகிறோம். இந்த மார்க் டவுன் கோப்பை HTML கோப்பாக மாற்றுவது எப்படி என்பதை பின்வரும் விளக்கப்படத்தில் பார்க்கவும்:
இந்த விஷுவல் ஸ்டுடியோ குறியீட்டின் மேலே இருக்கும் டாஸ்க்பாரில் உள்ள டெர்மினலை கிளிக் செய்து டெர்மினலைத் திறக்கவும். இந்த டெர்மினல் திறக்கப்பட்டதும், பின்வருவனவற்றில் காட்டப்படும் “code –install-extension yzhang.markdown-all-in-one” கட்டளையைத் தட்டச்சு செய்யவும். விஷுவல் ஸ்டுடியோ குறியீட்டின் முனையத்தில் இந்த கட்டளையைத் தட்டச்சு செய்த பிறகு, 'Enter' விசையை அழுத்தவும். இந்த கட்டளையை வெற்றிகரமாக தொகுத்த பிறகு, நாம் முன்னேறுவோம். இங்கே குறிப்பிடப்பட்டுள்ள இந்த நீட்டிப்பை நிறுவ இந்த கட்டளை உதவுகிறது.
முந்தைய நீட்டிப்பு வெற்றிகரமாக நிறுவப்பட்டதும், இந்த விஷுவல் ஸ்டுடியோ குறியீட்டில் 'கட்டளை தட்டு' திறக்கிறோம். “CTRL+SHIFT+P” விசைகளை அழுத்துவதன் மூலம் இந்தக் கட்டளைத் தட்டு திறக்கப்படுகிறது. இதற்குப் பிறகு, இந்த விஷுவல் ஸ்டுடியோ கோட் பயன்பாட்டின் மேல் கீழ்தோன்றும் திறக்கப்படும். இங்கே, நாம் 'மார்க்டவுன்' என்று தட்டச்சு செய்கிறோம், பின்னர் பல கட்டளைகள் தோன்றும். பின்வரும் படத்தில் காட்டப்பட்டுள்ளபடி, 'மார்க் டவுன் ஆல் இன் ஒன்: தற்போதைய ஆவணத்தை HTMLக்கு அச்சிடுக' என்பதைத் தேர்ந்தெடுக்கிறோம். இங்கே, 'CTRL + SHIFT + P' ஐ அழுத்திய பின் இந்த கட்டளையைத் தேர்ந்தெடுக்கிறோம். இப்போது, இந்த மார்க் டவுன் கோப்பு நாம் இங்கு தேர்ந்தெடுத்த இந்த கட்டளையின் உதவியுடன் HTML கோப்பாக மாற்றப்படுகிறது.
இரண்டு கோப்புகளும் இங்கே காட்டப்பட்டுள்ளன. இந்த 'myabcfile.md' ஐ 'myabcfile.html' கோப்பாக மாற்றுவோம். மார்க் டவுன் மற்றும் HTML கோப்பு பின்வரும் படத்தில் காட்டப்பட்டுள்ளது. இந்த HTML கோப்பில் நாம் மார்க் டவுன் கோப்பில் சேர்த்த அனைத்து தரவுகளும் உள்ளன. ஆனால் ஒரே வித்தியாசம் என்னவென்றால், HTML கோப்பில் வெவ்வேறு குறிச்சொற்கள் மற்றும் ஸ்டைலிங் உள்ளது, ஆனால் மார்க் டவுன் கோப்பில் நிறைய குறிச்சொற்கள் இல்லை.
HTML கோப்பும் பின்வரும் படத்தில் காட்டப்பட்டுள்ளது. “,
,