W HTML musimy dodać wiele tagów, a styl jest również dodawany w HTML do formatowania. Możemy wykonać te same zadania w HTML, które możemy również wykonać za pomocą Markdown. Możemy łatwo przekonwertować plik Markdown na plik HTML, używając po prostu niektórych poleceń. Wyjaśnimy tutaj, jak przekonwertować Markdown na HTML. Przekonwertujemy również Markdown na HTML i przedstawimy szczegółowy opis tej koncepcji w tym przewodniku. Teraz konwertujemy plik Markdown na plik HTML. Ponadto pokażemy i wyjaśnimy każdy krok, który musimy wykonać, aby przekonwertować plik Markdown na plik HTML w Visual Studio Code.
Przykład 1:
Używamy tutaj kodu Visual Studio. Pokazujemy, jak konwertujemy plik Markdown na plik HTML w Visual Studio Code. W tym celu musimy mieć plik Markdown utworzony w tym Visual Studio Code. Plik, który tutaj tworzymy, nazywa się „myabcfile.md”. W tym pliku dodajemy nagłówek za pomocą znacznika „#”. Następnie dodajemy tekst pod tym nagłówkiem, który jest prostym tekstem lub akapitem. Teraz wstawiamy również inną linię, która jest pogrubiona, ponieważ wstawiamy dwie gwiazdki na początku i dwie gwiazdki na końcu tej linii. Tak więc ta linia wydaje się tutaj pogrubiona. Następnie robimy słowo „lista” kursywą. Robimy to słowo kursywą za pomocą dwóch podkreśleń. Jedno podkreślenie jest dodawane na początku i jedno podkreślenie jest dodawane na końcu słowa. Na poniższej ilustracji generujemy uporządkowaną listę, umieszczając numer i wstawiając kropkę po numerze. Teraz zapisujemy ten plik. Pokażemy również, jak ten plik wygląda w oknie podglądu.
Po prostu pokazujemy wynik kodu Markdown w oknie podglądu. Teraz konwertujemy ten Markdown do HTML. Przejdź dalej i zobacz na poniższej ilustracji, jak przekonwertować ten plik Markdown na plik HTML:
Otwórz terminal, klikając terminal na pasku zadań, który znajduje się u góry tego kodu programu Visual Studio. Po otwarciu tego terminala wpisz polecenie „kod –install-extension yzhang.markdown-all-in-one”, które jest również pokazane poniżej. Po wpisaniu tego polecenia w terminalu kodu Visual Studio, wciskamy klawisz „Enter”. Po pomyślnym skompilowaniu tego polecenia idziemy do przodu. To polecenie pomaga w instalacji tego rozszerzenia, o którym mowa tutaj.
Po pomyślnym zainstalowaniu poprzedniego rozszerzenia otwieramy „Paletę poleceń” w tym kodzie programu Visual Studio. Ta paleta poleceń jest otwierana po prostu przez naciśnięcie klawiszy „CTRL + SHIFT + P”. Następnie lista rozwijana zostanie otwarta w górnej części tej aplikacji Visual Studio Code. Tutaj po prostu wpisujemy „Markdown”, a następnie pojawia się tam wiele poleceń. Wybieramy 'Markdown All in One: Drukuj bieżący dokument do HTML', jak pokazano na poniższym obrazku. Tutaj wybieramy to polecenie po naciśnięciu „CTRL+SHIFT+P”. Teraz ten plik Markdown jest konwertowany na plik HTML za pomocą tego polecenia, które tutaj wybraliśmy.
Oba pliki są pokazane tutaj. Konwertujemy ten plik „myabcfile.md” na plik „myabcfile.html”. Markdown oraz plik HTML pokazano na poniższym obrazku. Ten plik HTML zawiera wszystkie dane, które dodaliśmy w pliku Markdown. Ale jedyną różnicą jest to, że plik HTML zawiera różne znaczniki i style, ale plik Markdown nie zawiera wielu znaczników.
Plik HTML jest również pokazany na poniższym obrazku. Możesz zanotować „,
,