В HTML мы должны добавить множество тегов, а стиль также добавляется в HTML для форматирования. Мы можем выполнять те же задачи в HTML, что и с помощью Markdown. Мы можем легко преобразовать файл Markdown в файл HTML, просто используя некоторые команды. Здесь мы объясним, как конвертировать Markdown в HTML. Мы также преобразуем Markdown в HTML и предоставим подробное описание этой концепции в этом руководстве. Теперь мы конвертируем файл Markdown в файл HTML. Кроме того, мы покажем и объясним каждый шаг, который мы должны выполнить, чтобы преобразовать файл Markdown в файл HTML в Visual Studio Code.
Пример 1:
Здесь мы используем код Visual Studio. Мы покажем, как мы конвертируем файл Markdown в файл HTML в Visual Studio Code. Для этого у нас должен быть создан файл Markdown в этом коде Visual Studio. Файл, который мы здесь создаем, называется «myabcfile.md». В этом файле мы добавляем заголовок с помощью тега «#». Затем мы добавляем текст под этим заголовком, который представляет собой простой текст или абзац. Теперь мы также вставляем еще одну строку, выделенную жирным шрифтом, потому что мы вставляем две звездочки в начале и две звездочки в конце этой строки. Итак, эта линия здесь выделена жирным шрифтом. После этого мы выделяем слово «список» курсивом. Мы выделяем это слово курсивом, используя два знака подчеркивания. Одно подчеркивание добавляется в начале и одно подчеркивание в конце слова. На следующем рисунке мы генерируем упорядоченный список, помещая число и ставя точку после числа. Теперь мы сохраняем этот файл. Мы также покажем, как этот файл выглядит в окне предварительного просмотра.
Мы просто показываем вывод кода Markdown в окне предварительного просмотра. Теперь мы конвертируем этот Markdown в HTML. Двигайтесь вперед и посмотрите на следующем рисунке, как преобразовать этот файл Markdown в файл HTML:
Откройте терминал, щелкнув терминал на панели задач, которая находится в верхней части этого кода Visual Studio. Когда этот терминал открыт, введите команду «code –install-extension yzhang.markdown-all-in-one», которая также показана ниже. После ввода этой команды в терминале кода Visual Studio мы нажимаем клавишу «Ввод». После успешной компиляции этой команды мы двигаемся вперед. Эта команда помогает установить это расширение, которое упоминается здесь.
Когда предыдущее расширение успешно установлено, мы открываем «Палитру команд» в этом коде Visual Studio. Эта палитра команд открывается простым нажатием клавиш «CTRL+SHIFT+P». После этого раскрывающийся список открывается в верхней части этого приложения Visual Studio Code. Здесь мы просто набираем «Markdown», после чего там появляется множество команд. Здесь мы выбираем «Markdown All in One: печатать текущий документ в HTML», как показано на следующем изображении. Здесь мы выбираем эту команду после нажатия «CTRL+SHIFT+P». Теперь этот файл Markdown преобразуется в файл HTML с помощью этой команды, которую мы выбрали здесь.
Оба файла показаны здесь. Мы конвертируем этот «myabcfile.md» в файл «myabcfile.html». Markdown, а также файл HTML показаны на следующем изображении. Этот файл HTML содержит все данные, которые мы добавили в файл Markdown. Но единственная разница в том, что файл HTML содержит разные теги и стили, а файл Markdown не содержит много тегов.
HTML-файл также показан на следующем изображении. Вы можете заметить «,
,