HTML-এ, আমাদের প্রচুর ট্যাগ যোগ করতে হয় এবং বিন্যাসের জন্য এইচটিএমএল-এ শৈলীও যোগ করা হয়। আমরা HTML-এ একই কাজ করতে পারি যা আমরা মার্কডাউন ব্যবহার করেও করতে পারি। আমরা কিছু কমান্ড ব্যবহার করে মার্কডাউন ফাইলটিকে সহজেই HTML ফাইলে রূপান্তর করতে পারি। আমরা এখানে ব্যাখ্যা করব কিভাবে মার্কডাউনকে HTML এ রূপান্তর করা যায়। এছাড়াও আমরা মার্কডাউনকে HTML-এ রূপান্তর করব এবং এই নির্দেশিকায় এই ধারণাটির একটি বিশদ বিবরণ প্রদান করব। এখন, আমরা মার্কডাউন ফাইলটিকে HTML ফাইলে রূপান্তর করি। এছাড়াও, আমরা ভিজ্যুয়াল স্টুডিও কোডে মার্কডাউন ফাইলটিকে HTML ফাইলে রূপান্তর করতে যে প্রতিটি পদক্ষেপ অনুসরণ করতে হবে তা দেখাব এবং ব্যাখ্যা করব।
উদাহরণ 1:
আমরা এখানে ভিজ্যুয়াল স্টুডিও কোড ব্যবহার করি। আমরা দেখাই কিভাবে আমরা মার্কডাউন ফাইলটিকে ভিজ্যুয়াল স্টুডিও কোডে HTML ফাইলে রূপান্তর করি। এর জন্য, আমাদের এই ভিজ্যুয়াল স্টুডিও কোডে তৈরি করা মার্কডাউন ফাইল থাকতে হবে। আমরা এখানে যে ফাইলটি তৈরি করি তার নাম “myabcfile.md”। এই ফাইলে, আমরা “#” ট্যাগ ব্যবহার করে শিরোনাম যোগ করি। তারপর, আমরা এই শিরোনামের নীচে একটি পাঠ্য যোগ করি যা একটি সাধারণ পাঠ্য বা অনুচ্ছেদ। এখন, আমরা আরও একটি লাইন সন্নিবেশ করি যা গাঢ় কারণ আমরা শুরুতে দুটি তারকাচিহ্ন এবং এই লাইনের শেষে দুটি তারকাচিহ্ন সন্নিবেশ করি। সুতরাং, এই লাইন এখানে গাঢ় প্রদর্শিত হবে. এর পরে, আমরা 'তালিকা' শব্দটিকে তির্যক করি। আমরা দুটি আন্ডারস্কোর ব্যবহার করে এই শব্দটিকে তির্যক করি। শুরুতে একটি আন্ডারস্কোর যোগ করা হয় এবং শব্দের শেষে একটি আন্ডারস্কোর যোগ করা হয়। নিম্নলিখিত চিত্রে, আমরা নম্বর বসিয়ে এবং নম্বরের পরে বিন্দু বসিয়ে অর্ডারকৃত তালিকা তৈরি করি। এখন, আমরা এই ফাইলটি সংরক্ষণ করি। আমরা প্রিভিউ উইন্ডোতে এই ফাইলটি কীভাবে প্রদর্শিত হবে তাও দেখাব।
আমরা শুধু প্রিভিউ উইন্ডোতে মার্কডাউন কোডের আউটপুট দেখাই। এখন, আমরা এই মার্কডাউনটিকে HTML এ রূপান্তর করি। এই মার্কডাউন ফাইলটিকে কীভাবে একটি HTML ফাইলে রূপান্তর করতে হয় সে সম্পর্কে এগিয়ে যান এবং নিম্নলিখিত চিত্রটিতে দেখুন:
টাস্কবারের টার্মিনালে ক্লিক করে টার্মিনাল খুলুন যা এই ভিজ্যুয়াল স্টুডিও কোডের শীর্ষে রয়েছে। এই টার্মিনালটি খোলা হলে, 'code –install-extension yzhang.markdown-all-in-one' কমান্ডটি টাইপ করুন যা নিম্নলিখিতটিতেও দেখানো হয়েছে। ভিজ্যুয়াল স্টুডিও কোডের টার্মিনালে এই কমান্ডটি টাইপ করার পরে, আমরা 'এন্টার' কী টিপুন। এই কমান্ডটি সফলভাবে কম্পাইল করার পর, আমরা এগিয়ে যাই। এই কমান্ডটি এই এক্সটেনশনটি ইনস্টল করতে সাহায্য করে যা এখানে উল্লেখ করা হয়েছে।
পূর্ববর্তী এক্সটেনশনটি সফলভাবে ইনস্টল করা হলে, আমরা এই ভিজ্যুয়াল স্টুডিও কোডে 'কমান্ড প্যালেট' খুলি। এই কমান্ড প্যালেটটি কেবলমাত্র 'CTRL+SHIFT+P' কী চাপলে খোলা হয়। এর পরে, এই ভিজ্যুয়াল স্টুডিও কোড অ্যাপের উপরে ড্রপডাউনটি খোলা হয়। এখানে, আমরা শুধু 'মার্কডাউন' টাইপ করি এবং তারপর অনেক কমান্ড সেখানে উপস্থিত হয়। আমরা এখানে 'মার্কডাউন অল ইন ওয়ান: প্রিন্ট বর্তমান ডকুমেন্ট এইচটিএমএল' নির্বাচন করি, যেমনটি নিচের ছবিতে দেখানো হয়েছে। এখানে, আমরা 'CTRL+SHIFT+P' টিপে এই কমান্ডটি নির্বাচন করি। এখন, এই মার্কডাউন ফাইলটি এই কমান্ডের সাহায্যে HTML ফাইলে রূপান্তরিত হয়েছে যা আমরা এখানে নির্বাচন করেছি।
উভয় ফাইল এখানে দেখানো হয়. আমরা এই 'myabcfile.md' কে 'myabcfile.html' ফাইলে রূপান্তর করি। মার্কডাউনের পাশাপাশি এইচটিএমএল ফাইলটি নিম্নলিখিত ছবিতে দেখানো হয়েছে। এই HTML ফাইলটিতে আমরা মার্কডাউন ফাইলে যোগ করা সমস্ত ডেটা রয়েছে। তবে পার্থক্য হল এইচটিএমএল ফাইলটিতে বিভিন্ন ট্যাগ এবং স্টাইলিং রয়েছে তবে মার্কডাউন ফাইলটিতে অনেকগুলি ট্যাগ থাকে না।
এইচটিএমএল ফাইলটিও নিচের ছবিতে দেখানো হয়েছে। আপনি এই ফাইলে “,
,