Thêm các đường ngang trong Markdown

Them Cac Duong Ngang Trong Markdown



Trong hướng dẫn này, chúng ta sẽ tìm hiểu về cách thêm các đường ngang trong Markdown.

điều kiện tiên quyết:

Để thực hiện các bước được trình bày trong hướng dẫn này, bạn cần có các thành phần sau:

  • Một trình chỉnh sửa Markdown phù hợp. Ví dụ, VSCodium , Nhấn (ngã ba của nguyên tử ) hoặc bất kỳ trình soạn thảo đánh dấu trực tuyến nào.
  • Hiểu biết cơ bản về Markdown (tùy chọn).

đánh dấu

Markdown là một ngôn ngữ đánh dấu phổ biến cho phép thêm các yếu tố khác nhau (tiêu đề, hình ảnh, bảng, v.v.) để làm rõ các tài liệu văn bản. Bên cạnh các cú pháp có sẵn, Markdown cũng hỗ trợ các thẻ HTML khác nhau. Nó đã trở nên phổ biến theo thời gian nhờ bộ tính năng thú vị của nó:







  • Nhẹ : So với các ngôn ngữ đánh dấu khác, Markdown đơn giản và nhẹ. Markdown tiêu chuẩn không bao gồm nhiều cú pháp trong khi vẫn duy trì các tính năng đa dạng của nó.
  • tính di động : Tài liệu Markdown về cơ bản là văn bản thuần túy. Vì vậy, bất kỳ chương trình có thể làm việc với nó. Bạn cũng có thể tạo văn bản có định dạng Markdown trên bất kỳ nền tảng nào.
  • Phổ biến : Markdown được sử dụng để tạo các trang web, tài liệu, ghi chú, email, v.v. Các tập đoàn lớn như Reddit, GitHub, v.v. cũng hỗ trợ Markdown.

Các đường ngang trong Markdown

Trong Markdown, đường ngang xuất hiện như thế này:





Có nhiều trường hợp bạn có thể muốn thêm một đường kẻ ngang trong tài liệu. Ví dụ, biểu thị bắt đầu/kết thúc của một phần.





Tạo một tài liệu mới

Khi chúng tôi làm việc với trình chỉnh sửa Pulsar, chúng tôi cần mở một tệp văn bản mới để lưu trữ tài liệu Markdown của mình. Từ cửa sổ chính, đi đến Tệp >> Tệp mới hoặc sử dụng “ Ctrl + N ' phim tăt.



Trình chỉnh sửa Pulsar đi kèm với tính năng xem trước Markdown trực tiếp. Để bật xem trước trực tiếp, hãy đi tới Gói >> Xem trước Markdown >> Chuyển đổi xem trước . Ngoài ra, hãy sử dụng “ Ctrl + Shift + M ' phim tăt.

Tạo các đường ngang

Trong Markdown, có một vài cú pháp để biểu thị một đường ngang:

  • ***
  • ___

Tất cả chúng sẽ dẫn đến một đầu ra tương tự.

Để chứng minh, hãy sao chép và dán đoạn mã sau vào trình soạn thảo văn bản:

# Chào thế giới

___

# Chú cáo nâu nhanh nhẹn

***

# nhảy qua con chó lười

___

#123456789

Đây:

  • Để có hình ảnh đẹp hơn, chúng tôi sử dụng định dạng H1 cho từng dòng văn bản.
  • Chúng tôi tạo ba đường ngang bằng ba biểu tượng khác nhau.
  • Có một dòng mới trước và sau mỗi ký hiệu đường ngang.

Bạn nên sử dụng khoảng cách như vậy vì ký hiệu “—” không có khoảng cách biểu thị tiêu đề:

sai phương pháp

---

Chào thế giới

Tạo các đường ngang bằng HTML

Nếu bạn đã làm việc với HTML trước đây, có thể bạn đã quen thuộc với


để tạo các đường ngang. Nó cũng hoạt động trong Markdown.

Kiểm tra đoạn mã sau:

## Chào thế giới

< giờ />

Đây:

  • Chúng tôi sử dụng định dạng H2 cho văn bản.
  • Các
    thẻ tạo một đường ngang trong đầu ra được hiển thị.

Một lợi ích thú vị của phương pháp này là bạn không cần phải lo lắng về việc vô tình tạo tiêu đề.

Các


thẻ cũng cho phép điều chỉnh các thuộc tính khác nhau của đầu ra. Ví dụ: màu sắc, chiều rộng, v.v. Hãy xem ví dụ sau:

## ví dụ 1

< phong cách giờ = 'đường viền: 3px màu xanh đặc' />

## ví dụ 2

< phong cách giờ = 'đường viền: 9px nét đứt màu đỏ' />

## ví dụ 3

< phong cách giờ = 'đường viền: 9px đặc; bán kính đường viền: 9px; chiều cao: 33px' />

Đây:

  • Tất cả các ví dụ đều kết hợp CSS để cách điệu đường kẻ ngang.
  • Trong ví dụ đầu tiên, chúng tôi tạo một đường ngang màu đơn giản.
  • Trong ví dụ thứ hai, chúng tôi tạo một đường ngang nét đứt.
  • Trong ví dụ thứ ba, chúng tôi tạo một đường ngang tròn.

Để tìm hiểu thêm, hãy xem thẻ


trong HTML .

Xuất Markdown dưới dạng HTML

Với công cụ phù hợp, tài liệu có định dạng Markdown có thể được chuyển đổi thành HTML. Trình chỉnh sửa Pulsar đi kèm với tính năng tích hợp này.

Để sao chép đầu ra được hiển thị dưới dạng HTML, nhấp chuột phải vào cửa sổ xem trước và chọn “Sao chép dưới dạng HTML”.

HTML kết quả trông như thế này:

Phần kết luận

Chúng tôi đã thảo luận về việc tạo các đường ngang trong Markdown. Chúng tôi đã giới thiệu cách sử dụng cả cú pháp Markdown tích hợp và cú pháp HTML để tạo các đường ngang.

Quan tâm đến việc tìm hiểu thêm về Markdown? Kiểm tra Danh mục phụ Markdown .