U HTML-u moramo dodati puno oznaka, a stil se također dodaje u HTML-u za oblikovanje. Možemo raditi iste zadatke u HTML-u koje također možemo raditi koristeći Markdown. Datoteku Markdown možemo lako pretvoriti u HTML datoteku jednostavnim korištenjem nekih naredbi. Ovdje ćemo objasniti kako pretvoriti Markdown u HTML. Također ćemo pretvoriti Markdown u HTML i dati detaljan opis ovog koncepta u ovom vodiču. Sada pretvaramo Markdown datoteku u HTML datoteku. Također, pokazat ćemo i objasniti svaki korak koji moramo slijediti kako bismo pretvorili Markdown datoteku u HTML datoteku u Visual Studio Code.
Primjer 1:
Ovdje koristimo Visual Studio Code. Pokazujemo kako pretvaramo Markdown datoteku u HTML datoteku u Visual Studio Code. Za ovo moramo imati Markdown datoteku kreiranu u ovom Visual Studio Code. Datoteka koju ovdje stvaramo zove se 'myabcfile.md'. U ovoj datoteci naslov dodajemo pomoću oznake '#'. Zatim ispod ovog naslova dodajemo tekst koji je jednostavan tekst ili paragraf. Sada također umećemo još jedan redak koji je podebljan jer umećemo dvije zvjezdice na početku i dvije zvjezdice na kraju ovog retka. Dakle, ovaj redak ovdje izgleda podebljano. Nakon toga riječ 'popis' stavljamo u kurziv. Ovu riječ stavljamo u kurziv koristeći dvije podvlake. Jedna podvlaka se dodaje na početku i jedna podvlaka na kraju riječi. Na sljedećoj ilustraciji generiramo uređeni popis postavljanjem broja i stavljanjem točke iza broja. Sada spremamo ovu datoteku. Također ćemo pokazati kako ova datoteka izgleda u prozoru za pregled.
Samo prikazujemo izlaz Markdown koda u prozoru za pregled. Sada pretvaramo ovaj Markdown u HTML. Krenite naprijed i na sljedećoj ilustraciji pogledajte kako pretvoriti ovu Markdown datoteku u HTML datoteku:
Otvorite terminal klikom na terminal na programskoj traci koja se nalazi na vrhu ovog koda Visual Studio. Kada se ovaj terminal otvori, upišite naredbu “code –install-extension yzhang.markdown-all-in-one” koja je također prikazana u nastavku. Nakon što upišemo ovu naredbu u terminal koda Visual Studio, pritisnemo tipku 'Enter'. Nakon uspješnog sastavljanja ove naredbe, idemo naprijed. Ova naredba pomaže u instaliranju ovog proširenja koje je ovdje spomenuto.
Kada je prethodno proširenje uspješno instalirano, otvaramo 'Paletu naredbi' u ovom kodu Visual Studio. Ova paleta naredbi otvara se jednostavnim pritiskom na tipke “CTRL+SHIFT+P”. Nakon toga otvara se padajući izbornik na vrhu ove aplikacije Visual Studio Code. Ovdje samo upišemo “Markdown” i tada se tamo pojavljuju mnoge naredbe. Ovdje odabiremo 'Markdown All in One: Print current document to HTML' kao što je prikazano na sljedećoj slici. Ovdje odabiremo ovu naredbu nakon što pritisnemo “CTRL+SHIFT+P”. Sada se ova Markdown datoteka pretvara u HTML datoteku uz pomoć ove naredbe koju smo ovdje odabrali.
Ovdje su prikazane obje datoteke. Pretvaramo ovaj “myabcfile.md” u datoteku “myabcfile.html”. Markdown kao i HTML datoteka prikazani su na sljedećoj slici. Ova HTML datoteka sadrži sve podatke koje smo dodali u datoteku Markdown. Ali jedina je razlika u tome što HTML datoteka sadrži različite oznake i stilove, ali Markdown datoteka ne sadrži puno oznaka.
HTML datoteka također je prikazana na sljedećoj slici. Možete primijetiti “,
,