Markdown là ngôn ngữ đánh dấu văn bản được tạo ra bởi John Gruber. Markdown sử dụng cú pháp khá đơn giản và dễ hiểu để đánh dấu văn bản và văn bản được viết bằng Markdown sẽ có thể được chuyển đổi sang HTML. Ngược lại các văn bản được viết bằng HTML cũng có thể được chuyển đổi sang Markdown.
Markdown
Trong bài viết này chúng ta sẽ tìm cách sử dụng Markdown một cách đơn giản nhất!
Một số cú pháp thông dụng hay được sử dụng trong Markdown.
Với Markdown các thẻ Heading, chúng ta sẽ sử dụng ký tự #! Với thẻ <h1> chúng ta chỉ sử dụng 1 ký tự #. Còn đối với các thẻ <h2> <h3> trở lên, chúng ta sử dụng lần lượt 2-3 cho tới 6 ký tự #.
<h1>
<h2>
<h3>
VD:
ABCXYZ
Khi viết bằng Markdown:
## ABCXYZ
Tiếp theo, các ký tự thay thế:
(c) (C) (r) (R) (tm) (TM) (p) (P) +-
Kết quả ta có được.
© © ® ® ™ ™ § § ±
Với những câu lệnh chúng ta muốn in đậm, chúng ta thêm 2 dấu (sao - **) hoặc 2 dấu (gạch ngang - Shift + _) __ vào trước và sau nội dung cần in đậm. Còn với những câu lệnh chúng ta muốn in nghiêng, thì chỉ cần sử 1 dấu (sao - *) hoặc 1 dấu (gạch ngang - Shift + _) _ trước và sau nội dung cần in đậm.
**
__
*
_
VD: In đậm
Ghi cái gì đó
VD: In nghiêng
À thế còn những trường hợp đặc biệt, mà các bạn muốn vừa nghiêng, mà vừa in đậm?? Đừng lo lắng, đừng lo lắng. Chúng ta chỉ cần thao tác như sau, các bạn hãy thêm 1 dấu (gạch ngang - _) vào phía trước và sau 2 dấu (sao - **), hoặc ngược lại nhé!
VD: In đậm và nghiên chữ
Thế còn trường hợp đặc biệt hơn? Có 1 dấu gạch ngang ở giữa chữ? Đừng lo lắng, đừng lo lắng, thao tác được hết nhé! Chúng ta chỉ việc thao tác như sau, chúng ta thêm 2 dấu (ngã - ~~) vào trước và sau nội dung cần viết, thế là xong!
~~
VD: ~~Ghi cái gì đó~~ | Kết quả: Ghi cái gì đó
~~Ghi cái gì đó~~
Gặp trường hợp các bạn muốn tạo 1 danh sách? Thao tác rất đơn giản nhé! Bắt đầu tạo ra 1 danh sách bằng cách sử dụng 1 dấu cộng +, 1 dấu trừ - hoặc với 1 dấu sao *. Danh sách trong list, sẽ tự động được thụt vào trong.
+
-
Ở trên là dành cho những danh sách không có thứ tự! Thế còn muốn tạo danh sách có thứ tự thì…thao tác như này nhé! Bạn vẫn đánh số 1, cho dòng đầu tiên như bình thường. Ở dòng thứ 2, nếu bạn có lỡ đánh số 1, thì chương trình vẫn sẽ tự động chuyển thành số 2, và tương tự các dòng tiếp theo.
Hiển nhiên 1 điều rằng, ai ai cũng hỏi link? Thế thì phải thao tác làm sao để có được 1 đường link đơn giản nhất? Nó như này đây, [tên](đường dẫn link).
[web24h](https://www.24h.com.vn/) | kết quả: web24h
[web24h](https://www.24h.com.vn/)
Vậy còn chèn hình thì như nào ta?? Thao tác tương tự như chúng ta chèn link vậy, chỉ cần thêm dấu (chấm than - !) phía trước [tên](đường dẫn link) là được.
!
Kết quả:
E hèm! Bây giờ là tới những cách sắp xếp, những đoạn code dài nằm ngay ngắn trong từng khung!
Chúng ta chỉ việc thêm 3 dấu ```(huyền - nằm bên trái số 1 - `) trước và sau đoạn code là được.
```
VD: ``` (enter/xuống dòng) Viết code vào (enter/xuống dòng) ```
``` (enter/xuống dòng) Viết code vào (enter/xuống dòng) ```
Viết code vào
Nếu bạn sử dụng từng ngôn ngữ cho từng loại code, ví dụ css hoặc html, hoặc php, thì sau 3 dấu ``` bạn thêm từng loại ngôn ngữ vào, ví dụ như: ```php, hoặc ```css, hoặc ```javascript, rồi nhấp enter xuống dòng và paste code của bạn vào.
```php
```css
```javascript
Các bạn hãy làm theo cấu trúc này! Dòng 1 và dòng 2 là 2 dòng bắt buộc phải có, và bắt buộc phải có khoảng trắng giữa dấu | |. Nếu bạn muốn thêm cột, ở vị trí dòng 1, bạn chỉ việc thêm <khoảng trống> <nội dung> <khoảng trống> |, thì bạn sẽ có thêm 1 cột mới. Còn nếu thêm cột mới, ở vị trí dòng 2, bạn chỉ việc thêm <khoảng trống> <-------> <khoảng trống> |, thì bạn sẽ có thêm 1 cột dòng.
|
<khoảng trống>
<nội dung>
<------->
Bình thường, khi tạo cột, mặc định các ký tự sẽ nằm về bên trái, nhưng nếu chúng ta muốn nó nằm ở bên phải? Thì các bạn chỉ cần thêm dấu : ở ngay sau <-----> => <-----:>, thì các ký tự của dòng đấy sẽ tự động nhảy sang phải!
:
<----->
<-----:>
Xong! Hoàn thành, 1 vài chia sẻ về cách sử dụng những lệnh đơn giản trong Markdown! Nếu thấy hay và bổ ích, hãy like và share cho mọi người cùng biết đến nhé!
Người viết: FrankieBlue2494
Edited: malayvuong
Lưu ý: Với hình ảnh trên website, bạn không phải lo lắng về việc canh giữa, website sẽ tự động canh giữa các ảnh này.
