Trong bài viết này TopDev xin gửi đến các bạn một số cách sử dụng Markdown thông dụng, nhưng trước tiên chúng ta cần nắm rõ định nghĩa Markdown là gì để có thể có một cái nhìn khách quan hơn cho loại ngôn ngữ lâu đời này.
Markdown là gì?
Markdown là ngôn ngữ đánh dấu văn bản đã có mặt từ rất lâu, với cú pháp đơn giản, dễ hiểu nên đã được nhiều người biết đến và được sử dụng khá phổ biến. Đây là loại ngôn ngữ đánh dấu văn bản được tạo ra vào năm 2004 bởi John Gruber.
Ngôn ngữ đánh dấu là gì? Ngôn ngữ đánh dấu được hiểu đơn giản là phương pháp làm cho một câu, đoạn văn bản hoặc một ý nào đó trở nên nên khác biệt đối với các đoạn còn lại (có thể là in nghiêng, in đậm…) giúp cho người đọc có thể dễ dàng tìm kiếm và chú ý đến ngay phần được đánh dấu.
Trả lời câu hỏi ‘tại sao nên sử dụng Markdown?’
Lý do thuyết phục nhất để sử dụng Markdown có lẽ là vì nó rất phổ biến, cách sử dụng của nó cũng cực kỳ đơn giản và tiện dụng. Nếu có thể sử dụng một phương pháp đỡ rắc rối hơn HTML và thuận tiện hơn các các trình soạn thảo WYSIWYG (What You See Is What You Get) như MS Word, CKEditor… thì tại sao lại không chọn Markdown?
Như các bạn đã biết, ngôn ngữ đánh dấu HTML cũng là một trong những ngôn ngữ phổ biến và được sử dụng rất nhiều, tuy nhiên, có nhiều ý kiến cho rằng cú pháp của HTML không mấy thân thiện với người dùng và kể cả khi bạn là người có kiến thức, hiểu biết về nó thì cú pháp của nó vẫn mang đến sự “rối mắt” cho bạn.
Ngoài ra, bạn vẫn có thể sử dụng Markdown thuần thục ngay cả khi bạn không có tí kiến thức nào về HTML
Cách sử dụng Markdown
Dùng cho Heading
Sử dụng #
trước tiêu đề để đánh dấu Heading, số kí tự #
sẽ tương ứng với các cấp Heading khác nhau từ 1 đến 6.
# Heading 1 # Heading1 #
Hiển thị: Heading 1
## Heading 2 ## Heading ##
Hiển thị: Heading 2
### Heading 3 ### Heading 3 ###
Hiển thị: Heading 3
#### Heading 4 #### Heading 4 ####
Hiển thị: Heading 4
##### Heading 5 ##### Heading 5#####
Hiển thị: Heading 5
###### Heading 6 ###### Heading 6 ######
Hiển thị: Heading 6
Dùng cho Bold và Italic
Sử dụng **
ở đầu (hoặc đầu và cuối câu) nếu muốn bôi đậm câu đó.
Tạo chữ Bold
**TopDev việc làm IT hàng đầu**
Hiển thị: TopDev việc làm IT hàng đầu
Tạo chữ Italic
Sử dụng _
ở đầu hoặc *
(hoặc đầu và cuối câu) nếu muốn in nghiêng câu đó.
_TopDev việc làm IT hàng đầu_
Hiển thị: TopDev việc làm IT hàng đầu
Tạo chữ Blod & Italic:
Sử dụng **_
ở đầu (**_
đầu và _**
cuối câu) hoặc ***
nếu muốn bôi đậm và in nghiêng câu đó.
**_TopDev việc làm IT hàng đầu_**
Hiển thị: TopDev việc làm IT hàng đầu
Dùng cho Strikethrough
Sử dụng ~~
ở đầu (hoặc đầu và cuối câu) nếu muốn gạch ngang giữa chữ của câu đó.
~~TopDev việc làm IT hàng đầu~~
Hiển thị: TopDev việc làm IT hàng đầu
Dùng cho chèn Link
Sử dụng cú pháp []()
để chèn link trong bài viết, ở đó nội dung trong []
sẽ là thẻ alt text, và nội dung trong ()
sẽ là đường link mà bạn muốn điều hướng đến.
[TopDev](https://topdev.vn)
Hiển thị: TopDev
Dùng cho chèn Image
Sử dụng cú pháp ![]()
để chèn link trong bài viết, ở đó nội dung trong []
sẽ là thẻ alt text, và nội dung trong ()
sẽ là địa chỉ ảnh mà bạn muốn người đọc nhìn thấy.
![topdev](https://topdev.vn)
Dùng cho chèn Code
Code theo từ hoặc cụm từ
Sử dụng `
hoặc ```
ở đầu và cuối câu nếu muốn định dạng câu đó ở dạng code.
`TopDev việc làm IT hàng đầu`
Hiển thị: TopDev việc làm IT hàng đầu
Code theo đoạn/khối
Sử dụng 4 khoảng trắng ở đầu câu
nếu muốn định dạng cả đoạn đó ở dạng code.
</style>
<body>
<div>TopDev tuyen dung IT hang dau.</div>
<div class="relative">TopDev tuyen dung IT hang dau.</div>
<div>TopDev tuyen dung IT hang dau.</div>
</body>
Hiển thị:
</style>
<body>
<div>TopDev tuyen dung IT hang dau.</div>
<div class="relative">TopDev tuyen dung IT hang dau.</div>
<div>TopDev tuyen dung IT hang dau.</div>
</body>
Dùng cho List
Sử dụng -
hoặc *
hoặc +
nếu muốn định dạng câu đó ở dạng list.Trong trường hợp muốn tạo thêm lớp level thấp hơn thì thêm 2 khoảng trắng vào nữa.
- TopDev việc làm IT hàng đầu
- Cộng sự đắc lực hỗ trợ doanh nghiệp tuyển dụng
- Người bạn đồng hành giúp các Developer tìm được công việc mơ ước
Hiển thị:
- TopDev tuyển dụng IT hàng đầu
- Cộng sự đắc lực hỗ trợ doanh nghiệp tuyển dụng
- Người bạn đồng hành giúp các Developer tìm được công việc mơ ước
Dùng cho Blockquote
Sử dụng >
nếu muốn định dạng câu đó ở dạng quote.
> TopDev việc làm IT hàng đầu
Hiển thị:
Tạo bảng
Sử dụng theo mẫu dưới đây để tạo bảng
| Letter | Next Letter | Previous Letter | | :----- | :---------- | :-------------- | | B | C | A | | E | F | D | | H | I | G | | T | U | S |
Hiển thị:
Letter | Next letter | Previous letter |
B | C | A |
E | F | D |
H | I | G |
T | U | S |
Lời kết
Có vô vàn lý do để người dùng sử dụng Markdown, nhưng chắc hẳn rằng lý do ‘vì nó tiện dụng’ sẽ là lý do được nhắc đến nhiều nhất. Việc ngôn ngữ Markdown được thiết kế với cú pháp tiện lợi, tiết kiệm thời gian như thế này không những làm hài lòng các Coder mà còn có cả những người dùng ngoài ngành khác, miễn là họ có để nhớ đến các cú pháp đơn giản được TopDev giới thiệu ở trên!
Có thể bạn muốn xem thêm:
- Bí kíp luyện Kỹ sư phần mềm: Đọc code!
- So sánh lợi hại giữa WordPress vs Static site
- 5 dự án React buộc phải có trong porfolio của bạn
Xem thêm nhiều việc làm web Developer hấp dẫn lương cao tại TopDev!