Trong HTML, chúng ta phải thêm rất nhiều thẻ và kiểu cũng được thêm vào HTML để định dạng. Chúng ta có thể thực hiện các tác vụ tương tự trong HTML mà chúng ta cũng có thể thực hiện bằng cách sử dụng Markdown. Chúng ta có thể chuyển đổi tệp Markdown thành tệp HTML một cách dễ dàng bằng cách sử dụng một số lệnh. Chúng tôi sẽ giải thích cách chuyển Markdown sang HTML ở đây. Chúng tôi cũng sẽ chuyển Markdown thành HTML và cung cấp mô tả chi tiết về khái niệm này trong hướng dẫn này. Bây giờ, chúng tôi chuyển đổi tệp Markdown thành tệp HTML. Ngoài ra, chúng tôi sẽ hiển thị và giải thích từng bước mà chúng tôi phải làm theo để chuyển đổi tệp Markdown thành tệp HTML trong Visual Studio Code.
Ví dụ 1:
Chúng tôi sử dụng Mã Visual Studio tại đây. Chúng tôi chỉ ra cách chúng tôi chuyển đổi tệp Markdown thành tệp HTML trong Visual Studio Code. Đối với điều này, chúng ta phải tạo tệp Markdown trong Visual Studio Code này. Tệp mà chúng tôi tạo ở đây có tên là “myabcfile.md”. Trong tệp này, chúng tôi thêm tiêu đề bằng cách sử dụng thẻ “#”. Sau đó, chúng tôi thêm một văn bản bên dưới tiêu đề này là một văn bản hoặc đoạn văn đơn giản. Bây giờ, chúng tôi cũng chèn một dòng khác được in đậm vì chúng tôi chèn hai dấu hoa thị ở đầu và hai dấu hoa thị ở cuối dòng này. Vì vậy, dòng này xuất hiện đậm ở đây. Sau đó, chúng tôi làm nghiêng từ “danh sách”. Chúng tôi làm cho từ này in nghiêng bằng cách sử dụng hai dấu gạch dưới. Một dấu gạch dưới được thêm vào khi bắt đầu và một dấu gạch dưới được thêm vào cuối từ. Trong hình minh họa sau, chúng tôi tạo danh sách có thứ tự bằng cách đặt số và đặt dấu chấm sau số. Bây giờ, chúng tôi lưu tệp này. Chúng tôi cũng sẽ hiển thị cách tệp này xuất hiện trong cửa sổ xem trước.
Chúng tôi chỉ hiển thị đầu ra của mã Markdown trong cửa sổ xem trước. Bây giờ, chúng tôi chuyển đổi Markdown này sang HTML. Hãy tiếp tục và xem trong hình minh họa sau về cách chuyển đổi tệp Markdown này thành tệp HTML:
Mở thiết bị đầu cuối bằng cách nhấp vào thiết bị đầu cuối trên thanh tác vụ có ở đầu Visual Studio Code này. Khi thiết bị đầu cuối này được mở, hãy nhập lệnh “code –install-extension yzhang.markdown-all-in-one”, lệnh này cũng được hiển thị trong phần sau. Sau khi gõ lệnh này vào phần cuối của Visual Studio Code, chúng tôi nhấn phím 'Enter'. Sau khi biên dịch thành công lệnh này, chúng ta tiếp tục. Lệnh này giúp cài đặt tiện ích mở rộng này được đề cập ở đây.
Khi phần mở rộng trước đó được cài đặt thành công, chúng tôi mở “Bảng lệnh” trong Mã Visual Studio này. Bảng lệnh này được mở bằng cách chỉ cần nhấn các phím “CTRL + SHIFT + P”. Sau đó, menu thả xuống sẽ được mở trên đầu ứng dụng Visual Studio Code này. Ở đây, chúng tôi chỉ cần gõ 'Markdown' và sau đó nhiều lệnh xuất hiện ở đó. Chúng tôi chọn “Đánh dấu tất cả trong một: In tài liệu hiện tại sang HTML” ở đây như được hiển thị trong hình ảnh sau đây. Ở đây, chúng tôi chọn lệnh này sau khi nhấn “CTRL + SHIFT + P”. Bây giờ, tệp Markdown này được chuyển đổi thành tệp HTML với sự hỗ trợ của lệnh này mà chúng tôi đã chọn ở đây.
Cả hai tệp đều được hiển thị ở đây. Chúng tôi chuyển đổi “myabcfile.md” này thành tệp “myabcfile.html”. Markdown cũng như tệp HTML được hiển thị trong hình ảnh sau đây. Tệp HTML này chứa tất cả dữ liệu mà chúng tôi đã thêm vào tệp Markdown. Nhưng sự khác biệt duy nhất là tệp HTML chứa các thẻ và kiểu dáng khác nhau trong đó nhưng tệp Markdown không chứa nhiều thẻ.
Tệp HTML cũng được hiển thị trong hình ảnh sau đây. Bạn có thể lưu ý “,
,