Στην HTML, πρέπει να προσθέσουμε πολλές ετικέτες και το στυλ προστίθεται επίσης σε HTML για μορφοποίηση. Μπορούμε να κάνουμε τις ίδιες εργασίες σε HTML που μπορούμε επίσης να κάνουμε χρησιμοποιώντας το Markdown. Μπορούμε να μετατρέψουμε το αρχείο Markdown σε αρχείο HTML εύκολα χρησιμοποιώντας απλά κάποιες εντολές. Θα εξηγήσουμε πώς να μετατρέψετε το Markdown σε HTML εδώ. Θα μετατρέψουμε επίσης το Markdown σε HTML και θα παρέχουμε μια λεπτομερή περιγραφή αυτής της έννοιας σε αυτόν τον οδηγό. Τώρα, μετατρέπουμε το αρχείο Markdown σε αρχείο HTML. Επίσης, θα δείξουμε και θα εξηγήσουμε κάθε βήμα που πρέπει να ακολουθήσουμε για να μετατρέψουμε το αρχείο Markdown σε αρχείο HTML στον κώδικα του Visual Studio.
Παράδειγμα 1:
Εδώ χρησιμοποιούμε τον κώδικα του Visual Studio. Δείχνουμε πώς μετατρέπουμε το αρχείο Markdown σε αρχείο HTML στον κώδικα του Visual Studio. Για αυτό, πρέπει να δημιουργήσουμε το αρχείο Markdown σε αυτόν τον κώδικα του Visual Studio. Το αρχείο που δημιουργούμε εδώ ονομάζεται 'myabcfile.md'. Σε αυτό το αρχείο, προσθέτουμε την επικεφαλίδα χρησιμοποιώντας την ετικέτα '#'. Στη συνέχεια, προσθέτουμε ένα κείμενο κάτω από αυτήν την επικεφαλίδα που είναι ένα απλό κείμενο ή παράγραφος. Τώρα, εισάγουμε επίσης μια άλλη γραμμή που είναι έντονη, επειδή εισάγουμε δύο αστερίσκους στην αρχή και δύο αστερίσκους στο τέλος αυτής της γραμμής. Έτσι, αυτή η γραμμή εμφανίζεται έντονη εδώ. Μετά από αυτό, κάνουμε τη λέξη 'λίστα' πλάγια. Κάνουμε αυτή τη λέξη πλάγια γραφή χρησιμοποιώντας δύο υπογράμμιση. Μία υπογράμμιση προστίθεται στην αρχή και μία υπογράμμιση στο τέλος της λέξης. Στην παρακάτω εικόνα, δημιουργούμε τη ταξινομημένη λίστα τοποθετώντας τον αριθμό και βάζοντας την τελεία μετά τον αριθμό. Τώρα, αποθηκεύουμε αυτό το αρχείο. Θα δείξουμε επίσης πώς εμφανίζεται αυτό το αρχείο στο παράθυρο προεπισκόπησης.
Εμείς απλώς δείχνουμε την έξοδο του κώδικα Markdown στο παράθυρο προεπισκόπησης. Τώρα, μετατρέπουμε αυτό το Markdown σε HTML. Προχωρήστε και δείτε στην παρακάτω εικόνα πώς να μετατρέψετε αυτό το αρχείο Markdown σε αρχείο HTML:
Ανοίξτε το τερματικό κάνοντας κλικ στο τερματικό στη γραμμή εργασιών που υπάρχει στην κορυφή αυτού του κώδικα του Visual Studio. Όταν ανοίξει αυτό το τερματικό, πληκτρολογήστε την εντολή «code –install-extension yzhang.markdown-all-in-one» που εμφανίζεται επίσης παρακάτω. Αφού πληκτρολογήσουμε αυτήν την εντολή στο τερματικό του Visual Studio Code, πατάμε το πλήκτρο «Enter». Μετά την επιτυχή μεταγλώττιση αυτής της εντολής, προχωράμε. Αυτή η εντολή βοηθά στην εγκατάσταση αυτής της επέκτασης που αναφέρεται εδώ.
Όταν η προηγούμενη επέκταση εγκατασταθεί με επιτυχία, ανοίγουμε την 'Παλέτα εντολών' σε αυτόν τον κώδικα του Visual Studio. Αυτή η παλέτα εντολών ανοίγει πατώντας απλά τα πλήκτρα «CTRL+SHIFT+P». Μετά από αυτό, ανοίγει το αναπτυσσόμενο μενού στο επάνω μέρος αυτής της εφαρμογής Visual Studio Code. Εδώ, απλώς πληκτρολογούμε 'Markdown' και μετά εμφανίζονται πολλές εντολές εκεί. Επιλέγουμε το 'Markdown All in One: Print τρέχον έγγραφο σε HTML' εδώ όπως φαίνεται στην παρακάτω εικόνα. Εδώ, επιλέγουμε αυτήν την εντολή αφού πατήσουμε το «CTRL+SHIFT+P». Τώρα, αυτό το αρχείο Markdown μετατρέπεται σε αρχείο HTML με τη βοήθεια αυτής της εντολής που επιλέξαμε εδώ.
Και τα δύο αρχεία εμφανίζονται εδώ. Μετατρέπουμε αυτό το 'myabcfile.md' στο αρχείο 'myabcfile.html'. Το Markdown καθώς και το αρχείο HTML φαίνονται στην παρακάτω εικόνα. Αυτό το αρχείο HTML περιέχει όλα τα δεδομένα που προσθέσαμε στο αρχείο Markdown. Αλλά η μόνη διαφορά είναι ότι το αρχείο HTML περιέχει τις διαφορετικές ετικέτες και το στυλ σε αυτό, αλλά το αρχείο Markdown δεν περιέχει πολλές ετικέτες.
Το αρχείο HTML φαίνεται επίσης στην παρακάτω εικόνα. Μπορείτε να σημειώσετε τα ',
,