Markdown cực kỳ dễ hiểu, nó sẽ làm công việc soạn thảo một văn bản trên web không quá phức tạp như bạn nghĩ. Cam xả

Cũng không khó lắm đúng không các bạn?

3. Cách sử dụng

3. 1 Với các thẻ h

    h1 -> # h1
    h2 -> ## h2
    h3 -> ### h3
    ...

3. 2 nhấn mạnh

• in đậm. In đậm
  
• Trong nghiêm trọng. nghiêng,
  
• chữ gạch ngang. gạch ngang
  

    Bold -> **Bold**
    Italic -> *Italic*
    Gạch ngang -> ~~gạch ngang~~

3. 3 Xuống dòng, gạch ngang, khoảng trắng, tab

---

 -> gạch ngang

 -> xuống dòng
  -> khoảng trắng
  -> tab

3. 4 Mã nội tuyến

    Bold -> **Bold**
    Italic -> *Italic*
    Gạch ngang -> ~~gạch ngang~~

2 ta viết văn bản ở trong dấu nháy ` (bên trái số 1 nhé )

    `inline code`

3. 5 liên kết. liên kết

    [tên Link](http://url)

3. 6 Hình ảnh

    	![alt](https://media.giphy.com/media/huuk0XPg7APDO/giphy.gif)

3. 7 Danh sách không có thứ tự

• Mục 1
  • Mục 1. 1
    • Mục 1. 1. 1
  • Mục 1. 2
• mục 2

* item 1
     * item 1.1
         * item 1.1.1
     * item 1.2
* item 2

3. 8 Danh sách theo thứ tự

1. Mục 1
2. Mục 2

________số 8

3. 9 dấu ngoặc kép

This is a blockquotes

##### Tại sao *bạn nên sử dụng markdown*
[Markdown](http://viblo.asia) cực kỳ dễ hiểu, nó sẽ làm *việc soạn thảo một văn bản trên web *
 không quá phức tạp như bạn nghĩ. **Cam đoan.**

0

3. 10 Mã

• Đây là ví dụ về code html

##### Tại sao *bạn nên sử dụng markdown*
[Markdown](http://viblo.asia) cực kỳ dễ hiểu, nó sẽ làm *việc soạn thảo một văn bản trên web *
 không quá phức tạp như bạn nghĩ. **Cam đoan.**

1

• Đây là mã js

##### Tại sao *bạn nên sử dụng markdown*
[Markdown](http://viblo.asia) cực kỳ dễ hiểu, nó sẽ làm *việc soạn thảo một văn bản trên web *
 không quá phức tạp như bạn nghĩ. **Cam đoan.**

2

• Với mỗi ngôn ngữ sẽ được đánh dấu khác nhau. We are used as after

##### Tại sao *bạn nên sử dụng markdown*
[Markdown](http://viblo.asia) cực kỳ dễ hiểu, nó sẽ làm *việc soạn thảo một văn bản trên web *
 không quá phức tạp như bạn nghĩ. **Cam đoan.**

3

• Ngoài ra còn có 1 số ngôn ngữ khác như

Ngôn ngữTagApplecriptapplecriptAsciidocasciidocASP. NETaspnetbatch filesbatchCSScssGogoHTTPhttpJavascriptjsJavajavaJSONjsonMarkupmarkupMarkdownmdObjective-CoobjectivecPHPphpPowershellpowershellPythonpyRubyrubySASSsassSQLsqlSwiftswiftVB. NETvbnetVimvimWikiyaml

3. 11 bàn

Căn giữaCột 2Cột 3Cột 4Căn giữa cột 2căn giữaCăn phải cột 3căn phảiCăn trái các số. căn trái____94

Để căn chữ trong bảng ta sử dụng dấu. about side that

##### Tại sao *bạn nên sử dụng markdown*
[Markdown](http://viblo.asia) cực kỳ dễ hiểu, nó sẽ làm *việc soạn thảo một văn bản trên web *
 không quá phức tạp như bạn nghĩ. **Cam đoan.**

5

Vì trên đây mình đã giới thiệu cơ bản nhất về markdown. Các bạn có thể áp dụng ngay để test thử trên viblo hoặc trên đây

Bài viết hướng dẫn cách chèn khoảng trắng và ngắt dòng trong HTML. Vì dù bạn đã nhập dấu cách bao nhiêu lần, HTML cũng sẽ hiển thị 1 dấu cách nên để chèn nhiều hơn một khoảng trống, bạn cần phải sử dụng tới thẻ HTML

Cách chèn khoảng trống trong HTML (Khoảng trống không bị ngắt - không phá vỡ không gian)

HTML thông thường chỉ hiển thị một khoảng trống giữa các từ, không cần biết bạn đã nhập dấu cách bao nhiêu lần. Để buộc các dấu cách đã bị hủy bỏ kia phải hiển thị, hãy nhập

 -> gạch ngang

 -> xuống dòng
  -> khoảng trắng
  -> tab

9 vào nơi bạn muốn chèn

ví dụ gõ

    Bold -> **Bold**
    Italic -> *Italic*
    Gạch ngang -> ~~gạch ngang~~

5

will create a void void giữa Xin và chào

Khoảng trống này được gọi là khoảng trống không bị ngắt hoặc không bị hủy vì nó ngăn không cho xuống dòng ở vị trí đó. Nếu sử dụng ký tự này, trình duyệt sẽ khó chèn dấu ngắt dòng đẹp và đúng quy cách

You can enter

    Bold -> **Bold**
    Italic -> *Italic*
    Gạch ngang -> ~~gạch ngang~~

0 to allow space space

Chèn khoảng trống dài hơn trong HTML

Có thể sử dụng 1 trong các lựa chọn sau

• Chèn 2 khoảng trống.

      Bold -> **Bold**
      Italic -> *Italic*
      Gạch ngang -> ~~gạch ngang~~
  

  1
• Chèn 4 khoảng trống.

      Bold -> **Bold**
      Italic -> *Italic*
      Gạch ngang -> ~~gạch ngang~~
  

  2
• Chèn tab.

      Bold -> **Bold**
      Italic -> *Italic*
      Gạch ngang -> ~~gạch ngang~~
  

  3

Lùi đầu đoạn văn bản bằng CSS

Thuộc tính Padding hay Margin của CSS được đưa ra chỉ dẫn trực tiếp cho trình duyệt nên kết quả sẽ đồng nhất hơn là sử dụng thẻ

 -> gạch ngang

 -> xuống dòng
  -> khoảng trắng
  -> tab

9

Ở đoạn

    Bold -> **Bold**
    Italic -> *Italic*
    Gạch ngang -> ~~gạch ngang~~

60 của văn bản, hãy chèn đoạn mã dưới đây

    Bold -> **Bold**
    Italic -> *Italic*
    Gạch ngang -> ~~gạch ngang~~

6

Trở về phần thân văn bản HTML, khi cần chuyển dòng đầu cho đoạn văn chỉ cần sử dụng thẻ

    Bold -> **Bold**
    Italic -> *Italic*
    Gạch ngang -> ~~gạch ngang~~

8

Để điều chỉnh tốc độ trước dòng đầu tiên, hãy thay đổi con số 1. 8 trong đoạn mã CSS trên. Giữ phần

    Bold -> **Bold**
    Italic -> *Italic*
    Gạch ngang -> ~~gạch ngang~~

61 phía sau để đo độ dài tương ứng với kích thước phông chữ

Tạo ngắt dòng trong HTML

Gõ

    Bold -> **Bold**
    Italic -> *Italic*
    Gạch ngang -> ~~gạch ngang~~

62 sau dòng văn bản sẽ buộc đoạn văn bản sau đó xuống, sau đó nhập

    Bold -> **Bold**
    Italic -> *Italic*
    Gạch ngang -> ~~gạch ngang~~

63 trước dòng văn bản sẽ đặt đoạn xuống dòng giữa nó và đoạn văn bản trước

Ví dụ đoạn mã sau

 -> gạch ngang

 -> xuống dòng
  -> khoảng trắng
  -> tab

2

thì giữa 2 câu trên sẽ có đoạn xuống dòng

Định nghĩa đoạn văn nếu cần

Nếu có một khối văn bản mới muốn sử dụng đoạn văn bản, hãy nhập

    Bold -> **Bold**
    Italic -> *Italic*
    Gạch ngang -> ~~gạch ngang~~

64 trước và

    Bold -> **Bold**
    Italic -> *Italic*
    Gạch ngang -> ~~gạch ngang~~

65 sau đoạn văn bản đó để tách nó khỏi các đoạn văn bản không được định dạng khác

Hầu hết trình duyệt sẽ tách đoạn văn bằng một dòng trống

Sử dụng đoạn văn bản đã được định dạng trước để đọc khoảng trống

Với các đoạn văn bản đã được định dạng, khoảng trống bạn nhập sẽ hiển thị trên trang HTML. Để định dạng trước, sử dụng thẻ

    Bold -> **Bold**
    Italic -> *Italic*
    Gạch ngang -> ~~gạch ngang~~

66 trước đoạn văn bản và kết thúc bằng

    Bold -> **Bold**
    Italic -> *Italic*
    Gạch ngang -> ~~gạch ngang~~

67

Dấu Enter cũng sẽ hiển thị thành đoạn ngắt dòng trong đoạn văn bản đã được định dạng trước đó

Tóm tắt cách chèn khoảng trống trong HTML

• Gõ

   -> gạch ngang
  
   -> xuống dòng
    -> khoảng trắng
    -> tab
  
  

  9 để chèn một khoảng trống
• Gõ

      Bold -> **Bold**
      Italic -> *Italic*
      Gạch ngang -> ~~gạch ngang~~
  

  1 để chèn 2 khoảng trống
• Gõ

      Bold -> **Bold**
      Italic -> *Italic*
      Gạch ngang -> ~~gạch ngang~~
  

  2 để chèn 4 khoảng trống
• Gõ

      Bold -> **Bold**
      Italic -> *Italic*
      Gạch ngang -> ~~gạch ngang~~
  

  3 để chèn tab
• Gõ

      Bold -> **Bold**
      Italic -> *Italic*
      Gạch ngang -> ~~gạch ngang~~
  

  62 để ngắt dòng
• Gõ

      Bold -> **Bold**
      Italic -> *Italic*
      Gạch ngang -> ~~gạch ngang~~
  

  83 để ngắt dòng 2 lần

Xem thêm

• Định dạng văn bản trong HTML
• Đoạn văn trong HTML
• Thuộc tính Style trong HTML

• Bảng trong HTML

Thứ Tư, 15/04/2020 08. 59

3,9 ★ 19 👨 140. 591

0 Bình luận

Sắp xếp theo

Delete Login to Send

Bạn nên đọc

• 
  Đầu Full HD nhỏ nhất thế giới
• 
  Chơi Cùng VNG
• 
  Sony Xperia E4 tầm trung, màn hình bao vây lộ diện
• 
  Chuỗi trình duyệt di động có lỗ khoét tiếp theo cho hacker lừa đảo người dùng
• 
  Mở rộng khả năng truy cập 3G cho Raspberry Pi
• 
  Sử dụng Mac OS X tạo Điểm truy cập Wifi

HTML

• 
  Thẻ HTML
• 
  API lưu trữ web HTML
• 
  Thẻ HTML

• 
  Thẻ HTML
• 
  Thẻ HTML
• 
  Tham chiếu mã hóa URL HTML

Xem thêm

HTML

• HTML cơ bản
  • Giới thiệu về HTML
  • Công cụ soạn thảo HTML
  • Các ví dụ cơ bản về HTML
  • Các phần tử trong HTML
  • Các thuộc tính trong HTML
  • Tiêu đề trong HTML
  • Đoạn văn trong HTML
  • Thuộc tính Style trong HTML
  • Định dạng văn bản trong HTML
  • Các phần tử trích dẫn trong HTML
  • Thẻ chú thích trong HTML
  • Color color in HTML
  • Cách chèn khoảng trống trong HTML
  • Tạo kiểu cho HTML với CSS
  • Các đường dẫn trong HTML
  • Hình ảnh trong HTML
  • Table biểu tượng trong HTML
  • Danh sách trong HTML
  • Phần tử khối và dòng nội dung trong HTML
  • Thuộc tính class trong HTML
  • Thuộc tính id trong HTML
  • Iframe trong HTML
  • JavaScript trong HTML
  • File path in HTML
  • Phần tử Head trong HTML
  • Bố cục trong HTML
  • Đáp ứng trong HTML
  • Phần mã máy tính trong HTML
  • HTML Entities - Entity character in HTML
  • Symbol - Biểu tượng trong HTML
  • Mã hóa ký tự trong HTML (Charset)
  • Bộ định vị tài nguyên thống nhất - URL trong HTML
  • HTML và XHTML
  • Thuộc tính Global trong HTML
• Biểu mẫu trong HTML
  • Biểu mẫu trong HTML
  • Các phần tử của biểu mẫu trong HTML
  • Các loại dữ liệu đầu vào của phần tử đầu vào trong HTML
  • Thuộc tính của phần tử đầu vào trong HTML
• HTML5
  • Giới thiệu về HTML5
  • Hỗ trợ HTML5 trên các trình duyệt
  • Các phần tử mới trong HTML5
  • Semantic Element (Yếu tố ngữ nghĩa) trong HTML5
  • Cách chuyển từ HTML4 sang HTML5
  • Định dạng chuẩn và quy ước viết mã
• Đồ họa trong HTML
  • Phần tử Canvas
  • Phần tử SVG
• Phương tiện trong HTML
  • Media Format
  • Thẻ video
  • Cắm vào
  • Video trên YouTube
• API trong HTML
  • API định vị địa lý
  • API kéo và thả
  • API lưu trữ web
  • API công nhân web
  • API SSE
• Ví dụ về HTML
• Tham khảo HTML
  • Tham khảo HTML section
  • Hỗ trợ trình duyệt
  • Thuộc tính sự kiện
  • Mã màu
  • Tranh sơn dầu
  • DOM âm thanh/video HTML
  • Loại tài liệu HTML
  • Mã hóa URL
  • Language language code
  • HTTP status status
  • Tham chiếu mã quốc gia
• Thẻ HTML
  • Khai báo
  • Thẻ
  • Thẻ
  • Thẻ
  • Thẻ
  • Thẻ
  • Thẻ
  • Thẻ
  • Thẻ
  • Thẻ
  • Thẻ
  • Thẻ
  • Thẻ

  • Thẻ
  • Thẻ
    
  • Thẻ
  • Thẻ