Dalam HTML, kita perlu menambah banyak tag dan gaya juga ditambah dalam HTML untuk pemformatan. Kita boleh melakukan tugas yang sama dalam HTML yang juga boleh kita lakukan menggunakan Markdown. Kita boleh menukar fail Markdown ke dalam fail HTML dengan mudah dengan hanya menggunakan beberapa arahan. Kami akan menerangkan cara menukar Markdown kepada HTML di sini. Kami juga akan menukar Markdown kepada HTML dan memberikan penerangan terperinci tentang konsep ini dalam panduan ini. Sekarang, kami menukar fail Markdown ke dalam fail HTML. Selain itu, kami akan menunjukkan dan menerangkan setiap langkah yang perlu kami ikuti untuk menukar fail Markdown ke dalam fail HTML dalam Kod Visual Studio.
Contoh 1:
Kami menggunakan Kod Visual Studio di sini. Kami menunjukkan cara kami menukar fail Markdown ke dalam fail HTML dalam Kod Visual Studio. Untuk ini, kita mesti mempunyai fail Markdown yang dibuat dalam Kod Visual Studio ini. Fail yang kami cipta di sini dinamakan 'myabcfile.md'. Dalam fail ini, kami menambah tajuk dengan menggunakan teg '#'. Kemudian, kami menambah teks di bawah tajuk ini iaitu teks atau perenggan ringkas. Sekarang, kami juga memasukkan satu lagi baris yang tebal kerana kami memasukkan dua asterisk pada permulaan dan dua asterisk di hujung baris ini. Jadi, baris ini kelihatan tebal di sini. Selepas ini, kami menjadikan perkataan 'senarai' condong. Kami membuat perkataan ini condong menggunakan dua garis bawah. Satu garis bawah ditambah pada permulaan dan satu garis bawah ditambah pada akhir perkataan. Dalam ilustrasi berikut, kami menjana senarai tertib dengan meletakkan nombor dan meletakkan titik selepas nombor. Sekarang, kita simpan fail ini. Kami juga akan menunjukkan cara fail ini muncul dalam tetingkap pratonton.
Kami hanya menunjukkan output kod Markdown dalam tetingkap pratonton. Sekarang, kami menukar Markdown ini kepada HTML. Teruskan dan lihat dalam ilustrasi berikut tentang cara menukar fail Markdown ini kepada fail HTML:
Buka terminal dengan mengklik pada terminal pada bar tugas yang terdapat di bahagian atas Kod Visual Studio ini. Apabila terminal ini dibuka, taip perintah “code –install-extension yzhang.markdown-all-in-one” yang turut ditunjukkan dalam perkara berikut. Selepas menaip arahan ini dalam terminal Kod Visual Studio, kami menekan kekunci 'Enter'. Selepas berjaya menyusun arahan ini, kami bergerak ke hadapan. Perintah ini membantu dalam memasang sambungan ini yang disebut di sini.
Apabila sambungan sebelumnya berjaya dipasang, kami membuka 'Palet Perintah' dalam Kod Visual Studio ini. Palet arahan ini dibuka dengan hanya menekan kekunci “CTRL+SHIFT+P”. Selepas ini, lungsur turun dibuka di bahagian atas aplikasi Kod Visual Studio ini. Di sini, kami hanya menaip 'Markdown' dan kemudian banyak arahan muncul di sana. Kami memilih 'Markdown All in One: Cetak dokumen semasa ke HTML' di sini seperti yang ditunjukkan dalam imej berikut. Di sini, kami memilih arahan ini selepas menekan 'CTRL+SHIFT+P'. Sekarang, fail Markdown ini ditukar kepada fail HTML dengan bantuan arahan ini yang kami pilih di sini.
Kedua-dua fail ditunjukkan di sini. Kami menukar 'myabcfile.md' ini kepada fail 'myabcfile.html'. Markdown serta fail HTML ditunjukkan dalam imej berikut. Fail HTML ini mengandungi semua data yang kami tambahkan dalam fail Markdown. Tetapi satu-satunya perbezaan ialah fail HTML mengandungi teg dan gaya yang berbeza di dalamnya tetapi fail Markdown tidak mengandungi banyak teg.
Fail HTML juga ditunjukkan dalam imej berikut. Anda boleh perhatikan ',
,