În HTML, trebuie să adăugăm o mulțime de etichete și stilul este adăugat și în HTML pentru formatare. Putem face aceleași sarcini în HTML pe care le putem face și folosind Markdown. Putem converti cu ușurință fișierul Markdown în fișierul HTML, folosind doar câteva comenzi. Vă vom explica aici cum să convertiți Markdown-ul în HTML. De asemenea, vom converti Markdown-ul în HTML și vom oferi o descriere detaliată a acestui concept în acest ghid. Acum, convertim fișierul Markdown în fișierul HTML. De asemenea, vom arăta și explica fiecare pas pe care trebuie să-l urmăm pentru a converti fișierul Markdown în fișierul HTML în Visual Studio Code.
Exemplul 1:
Folosim codul Visual Studio aici. Arătăm cum convertim fișierul Markdown în fișierul HTML în Visual Studio Code. Pentru aceasta, trebuie să avem fișierul Markdown creat în acest Cod Visual Studio. Fișierul pe care îl creăm aici se numește „myabcfile.md”. În acest fișier, adăugăm titlul folosind eticheta „#”. Apoi, adăugăm un text sub acest titlu, care este un simplu text sau paragraf. Acum, inserăm și o altă linie care este îngroșată pentru că inserăm două asteriscuri la început și două asteriscuri la sfârșitul acestei linii. Deci, această linie apare îndrăzneață aici. După aceasta, facem cuvântul „listă” italic. Facem acest cuvânt italic folosind două caractere de subliniere. Se adaugă o liniuță de subliniere la început și una la sfârșitul cuvântului. În ilustrația următoare, generăm lista ordonată plasând numărul și punând punctul după număr. Acum, salvăm acest fișier. De asemenea, vom arăta cum apare acest fișier în fereastra de previzualizare.
Afișăm doar rezultatul codului Markdown în fereastra de previzualizare. Acum, convertim acest Markdown în HTML. Continuați și vedeți în următoarea ilustrație cum să convertiți acest fișier Markdown într-un fișier HTML:
Deschideți terminalul făcând clic pe terminalul din bara de activități care este prezent în partea de sus a acestui cod Visual Studio. Când acest terminal este deschis, tastați comanda „code –install-extension yzhang.markdown-all-in-one” care este, de asemenea, prezentată în cele ce urmează. După ce am tastat această comandă în terminalul Visual Studio Code, apăsăm tasta „Enter”. După compilarea cu succes a acestei comenzi, mergem mai departe. Această comandă ajută la instalarea acestei extensii, care este menționată aici.
Când extensia anterioară este instalată cu succes, deschidem „Paleta de comenzi” din acest Cod Visual Studio. Această paletă de comenzi este deschisă prin simpla apăsare a tastelor „CTRL+SHIFT+P”. După aceasta, meniul drop-down este deschis în partea de sus a acestei aplicații Visual Studio Code. Aici, scriem doar „Markdown” și apoi apar multe comenzi acolo. Selectăm „Markdown All in One: Imprimați documentul curent în HTML” aici, așa cum se arată în imaginea următoare. Aici, selectăm această comandă după ce apăsăm „CTRL+SHIFT+P”. Acum, acest fișier Markdown este convertit în fișierul HTML cu ajutorul acestei comenzi pe care am selectat-o aici.
Ambele fișiere sunt afișate aici. Convertim acest „myabcfile.md” în fișierul „myabcfile.html”. Markdown, precum și fișierul HTML sunt afișate în imaginea următoare. Acest fișier HTML conține toate datele pe care le-am adăugat în fișierul Markdown. Dar singura diferență este că fișierul HTML conține diferite etichete și stiluri, dar fișierul Markdown nu conține multe etichete.
Fișierul HTML este afișat și în imaginea următoare. Puteți nota „,
,