1. Trang chủ
  2. Tin tức
  3. Viết nội dung Web với Markdown

Viết nội dung Web với Markdown

Thông thường mọi người thường viết nội dung web bằng HTML, nhưng thực tế nó sẽ không phải là ý tưởng tối ưu nếu như bạn không biết và hiểu rõ về HTML. Bài viết hôm nay chúng tôi sẽ giới thiệu cho bạn một công cụ mới hỗ trợ cho bạn viết nội dung web tốt hơn đó là Marldown. Nó sẽ lý tưởng hơn rất nhiều khi bạn viết nội dung web với Markdown, việc thiết kế web của bạn sẽ trở nên dễ dàng hơn rất nhiều.
Markdown Mark.svg
Marldown là gì ?
Marldown là công cụ hỗ trợ viết nội dung cho website, nó cho phép cho phép bạn viết nội dung trong văn bản đơn giản mà sau này có thể được dịch sang một định dạng HTML hợp lệ, và với sự giúp đỡ của công cụ, bạn có thể ngay lập tức nhìn thấy đầu ra. Nó cũng là một xu hướng nền tảng mới áp dụng Marldown như là công cụ chính để ghi lại nội dung. Ví dụ như Ghost , AnchorCMS and ScriptoGram.
Làm thế nào để viết ở định dạng Markdown, và một số công cụ cho phép bạn viết một cách dễ dàng
Markdown được viết với một số ký hiệu để tạo thành các nội dung. Chúng ta cùng xem những cú pháp Marldown.

1.Đoạn văn

Để tạo thành một đoạn, đơn giản là bạn viết nó xuống, và nhấn Enter để bắt đầu một đoạn mới.

2. Bold & Italic

Bạn có thể sử dụng dấu hoa thị để thiết lập Bold, Italic hay. Về mặt kỹ thuật, một dấu duy nhất là cho Italic và bánh chấu kép được cho Bold .

Ví dụ : *Lorem ipsum*

     **Lorem ipsum**

Dịch ra thành :
<em>Lorem ipsum</em>
<strong>Lorem ipsum</strong>
Nếu bạn muốn thực hiện các văn bản cả đậm và in nghiêng, chỉ cần bọc chúng lại bằng ba dấu hoa thị

Ví dụ : ***Lorem ipsum***

3. Tiêu đề

Trong Markdown, đề mục được đánh dấu bằng một hashtag. Một hashtag có nghĩa là tiêu đề cấp 1, hai hashtag có nghĩa là tiêu đề cấp 2 và vv.

Ví dụ :

#Heading 1
##Heading 2
###Heading 3
####Heading 4
#####Heading 5
######Heading 6
Dịch ra là :
<span>Heading 1</span>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

4. Danh sách được sắp xếp và không được sắp xếp

+ Để tạo một danh sách không có thứ tự, bắt đầu dòng với một dấu hoặc dấu gạch ngang.

* this is list
* this is list
* this is list

- this is list
- this is list
- this is list

+ Để tạo một danh sách có thứ tự, bắt đầu dòng với số lượng

1. this is list 1
2. this is list 2
3. this is list 3
4. this is list 4
5. this is list 5
5. Hàng

Bạn có thể tạo đường nét, tương đương với <hr> bằng cách sử dụng dấu gạch ngang hoặc dấu bằng

6. Blockquotes

Để tạo blockquote, bắt đầu dòng với một dấu hiệu >

7. Link 

Để tạo một liên kết văn bản có thể click, bạn có thể bọc văn bản với dấu ngoặc vuông, với các URL trong dấu ngoặc đơn

Ví dụ : [web3c.vn] ( http: //www.web3c.vn/tintuc/)

8. Hình ảnh 

Thêm một hình ảnh tương tự như việc thêm liên kết văn bản. Trong Markdown, một hình ảnh, được bắt đầu với một dấu chấm than. Bọc alt hình ảnh văn bản trong một khung hình vuông, và URL hình ảnh với ngoặc đơn

Ví dụ : [hình ảnh] (http://imageurl.jpg)

Bạn có thể chèn tiêu đề hình ảnh theo cách này.

Ví dụ : [hình ảnh] (http://imageurl.jpg “Image Title”)

9. Sự hạn chế

“Cú pháp định dạng của Markdown chỉ giải quyết vấn đề mà có thể được truyền đạt trong văn bản đơn giản “. Như vậy, Markdown không bao gồm một số thẻ HTML khác như table ,pre , và span .

10. Biên tập Markdown

Những bản biên tập dưới đây sẽ giúp bạn viết nội dung bằng Markdown dễ dàng hơn.

+ Mou

Mouapp

+ Dillinger

Dillinger

+ Markable

Markable

+ Markdown Pad

Markdown Pad

+ TextDown

Textdown

  • 4 chìa khóa giúp bạn viết được nội dung mà độc giả sẽ thích
  • Top 5 bí quyết tạo nội dung để tăng tương tác trên social media
  • Làm sao xây dựng nội dung fanpage khác biệt và hiệu quả