In HTML, dobbiamo aggiungere molti tag e lo stile viene aggiunto anche in HTML per la formattazione. Possiamo fare le stesse attività in HTML che possiamo anche fare usando Markdown. Possiamo convertire facilmente il file Markdown nel file HTML semplicemente usando alcuni comandi. Spiegheremo come convertire il Markdown in HTML qui. Convertiremo anche il Markdown in HTML e forniremo una descrizione dettagliata di questo concetto in questa guida. Ora convertiamo il file Markdown nel file HTML. Inoltre, mostreremo e spiegheremo ogni passaggio che dobbiamo seguire per convertire il file Markdown nel file HTML in Visual Studio Code.
Esempio 1:
Usiamo il codice di Visual Studio qui. Mostriamo come convertire il file Markdown nel file HTML in Visual Studio Code. Per questo, dobbiamo avere il file Markdown creato in questo codice di Visual Studio. Il file che creiamo qui si chiama 'myabcfile.md'. In questo file, aggiungiamo l'intestazione utilizzando il tag '#'. Quindi, aggiungiamo un testo sotto questo titolo che è un semplice testo o paragrafo. Ora inseriamo anche un'altra riga in grassetto perché inseriamo due asterischi all'inizio e due asterischi alla fine di questa riga. Quindi, questa riga appare in grassetto qui. Dopo questo, rendiamo corsivo la parola 'elenco'. Rendiamo questa parola in corsivo usando due caratteri di sottolineatura. Viene aggiunto un trattino basso all'inizio e un trattino basso viene aggiunto alla fine della parola. Nell'illustrazione seguente, generiamo l'elenco ordinato inserendo il numero e mettendo il punto dopo il numero. Ora salviamo questo file. Mostreremo anche come appare questo file nella finestra di anteprima.
Mostriamo solo l'output del codice Markdown nella finestra di anteprima. Ora convertiamo questo Markdown in HTML. Vai avanti e guarda nella seguente illustrazione come convertire questo file Markdown in un file HTML:
Apri il terminale facendo clic sul terminale sulla barra delle applicazioni che è presente nella parte superiore di questo codice di Visual Studio. Quando questo terminale è aperto, digita il comando “code –install-extension yzhang.markdown-all-in-one” che è mostrato anche di seguito. Dopo aver digitato questo comando nel terminale del codice di Visual Studio, premiamo il tasto 'Invio'. Dopo aver compilato con successo questo comando, andiamo avanti. Questo comando aiuta nell'installazione di questa estensione che è menzionata qui.
Quando l'estensione precedente è stata installata correttamente, apriamo la 'Tavolozza dei comandi' in questo codice di Visual Studio. Questa tavolozza dei comandi si apre premendo semplicemente i tasti 'CTRL+MAIUSC+P'. Successivamente, il menu a discesa viene aperto nella parte superiore di questa app di Visual Studio Code. Qui, digitiamo semplicemente 'Markdown' e quindi compaiono molti comandi lì. Selezioniamo il 'Markdown All in One: stampa il documento corrente in HTML' qui come mostrato nell'immagine seguente. Qui selezioniamo questo comando dopo aver premuto 'CTRL+MAIUSC+P'. Ora, questo file Markdown viene convertito nel file HTML con l'aiuto di questo comando che abbiamo selezionato qui.
Entrambi i file sono mostrati qui. Convertiamo questo 'myabcfile.md' nel file 'myabcfile.html'. Il Markdown e il file HTML sono mostrati nell'immagine seguente. Questo file HTML contiene tutti i dati che abbiamo aggiunto nel file Markdown. Ma l'unica differenza è che il file HTML contiene i diversi tag e stili, ma il file Markdown non contiene molti tag.
Il file HTML è mostrato anche nell'immagine seguente. Puoi notare ',
,