Sa HTML, kailangan nating magdagdag ng maraming tag at idinagdag din ang istilo sa HTML para sa pag-format. Magagawa natin ang parehong mga gawain sa HTML na maaari rin nating gawin gamit ang Markdown. Madali nating mai-convert ang Markdown file sa HTML file sa pamamagitan lamang ng paggamit ng ilang command. Ipapaliwanag namin kung paano i-convert ang Markdown sa HTML dito. Iko-convert din namin ang Markdown sa HTML at magbibigay ng detalyadong paglalarawan ng konseptong ito sa gabay na ito. Ngayon, kino-convert namin ang Markdown file sa HTML file. Gayundin, ipapakita at ipaliwanag namin ang bawat hakbang na kailangan naming sundin upang ma-convert ang Markdown file sa HTML file sa Visual Studio Code.
Halimbawa 1:
Ginagamit namin ang Visual Studio Code dito. Ipinapakita namin kung paano namin kino-convert ang Markdown file sa HTML file sa Visual Studio Code. Para dito, kailangan nating gawin ang Markdown file sa Visual Studio Code na ito. Ang file na ginawa namin dito ay pinangalanang 'myabcfile.md'. Sa file na ito, idinaragdag namin ang heading sa pamamagitan ng paggamit ng tag na “#”. Pagkatapos, nagdaragdag kami ng teksto sa ibaba ng pamagat na ito na isang simpleng teksto o talata. Ngayon, naglalagay din kami ng isa pang linya na naka-bold dahil nagpasok kami ng dalawang asterisk sa simula at dalawang asterisk sa dulo ng linyang ito. Kaya, mukhang naka-bold ang linyang ito dito. Pagkatapos nito, ginagawa naming italic ang salitang 'listahan'. Ginagawa naming italic ang salitang ito gamit ang dalawang underscore. Isang underscore ang idinaragdag sa simula at isang underscore ang idinaragdag sa dulo ng salita. Sa sumusunod na ilustrasyon, binubuo namin ang inayos na listahan sa pamamagitan ng paglalagay ng numero at paglalagay ng tuldok pagkatapos ng numero. Ngayon, i-save namin ang file na ito. Ipapakita rin namin kung paano lumalabas ang file na ito sa preview window.
Ipinapakita lang namin ang output ng Markdown code sa preview window. Ngayon, kino-convert namin ang Markdown na ito sa HTML. Sumulong at tingnan sa sumusunod na paglalarawan kung paano i-convert ang Markdown file na ito sa isang HTML file:
Buksan ang terminal sa pamamagitan ng pag-click sa terminal sa taskbar na nasa itaas ng Visual Studio Code na ito. Kapag binuksan ang terminal na ito, i-type ang command na “code –install-extension yzhang.markdown-all-in-one” na ipinapakita rin sa sumusunod. Pagkatapos i-type ang command na ito sa terminal ng Visual Studio Code, pinindot namin ang 'Enter' key. Pagkatapos ng matagumpay na pag-compile ng command na ito, sumulong kami. Nakakatulong ang command na ito sa pag-install ng extension na ito na binanggit dito.
Kapag matagumpay na na-install ang nakaraang extension, bubuksan namin ang 'Command Palette' sa Visual Studio Code na ito. Ang command palette na ito ay binuksan sa pamamagitan lamang ng pagpindot sa 'CTRL+SHIFT+P' na mga key. Pagkatapos nito, bubuksan ang dropdown sa tuktok ng Visual Studio Code app na ito. Dito, i-type lang namin ang 'Markdown' at pagkatapos ay maraming mga command ang lalabas doon. Pinipili namin ang 'Markdown All in One: I-print ang kasalukuyang dokumento sa HTML' dito tulad ng ipinapakita sa sumusunod na larawan. Dito, pipiliin namin ang command na ito pagkatapos pindutin ang 'CTRL+SHIFT+P'. Ngayon, ang Markdown file na ito ay na-convert sa HTML file sa tulong ng command na ito na pinili namin dito.
Ang parehong mga file ay ipinapakita dito. Kino-convert namin itong 'myabcfile.md' sa 'myabcfile.html' na file. Ang Markdown pati na rin ang HTML file ay ipinapakita sa sumusunod na larawan. Ang HTML file na ito ay naglalaman ng lahat ng data na aming idinagdag sa Markdown file. Ngunit ang pagkakaiba lang ay ang HTML file ay naglalaman ng iba't ibang mga tag at estilo dito ngunit ang Markdown file ay hindi naglalaman ng maraming mga tag.
Ang HTML file ay ipinapakita din sa sumusunod na larawan. Maaari mong tandaan ang ',
,