Khoảng trắng HTML

Khoảng cách trong HTML có thể khó hiểu đối với nhà thiết kế web mới làm quen, bởi vì cho dù bạn nhập 1 khoảng cách hay 100 trong HTML của mình, trình duyệt web sẽ tự động thu gọn các khoảng trắng đó xuống chỉ còn một

Có một số cách để thêm khoảng trống

1) sử dụng  

• HTML. kiểm tra1. kiểm tra2. kiểm tra3
• đầu ra. kiểm tra1. kiểm tra2. kiểm tra3

• HTML. kiểm tra1____2_______.  bài kiểm tra2  .   bài kiểm tra3
• đầu ra. kiểm tra1. kiểm tra2. kiểm tra3

2) sử dụng

Văn bản trong thẻ html trước sẽ giữ lại tất cả các dấu ngắt dòng và nhiều khoảng trống có thụt lề nếu có

• HTML.

  bài kiểm tra1. kiểm tra2. kiểm tra3____9_______

• đầu ra. kiểm tra1. kiểm tra2. kiểm tra3

3) sử dụng phần đệm kiểu

Dòng này bắt đầu sau khoảng trống ở bên trái, tôi. e. 20px

• HTML. bài kiểm tra1. kiểm tra2. kiểm tra3
• đầu ra. kiểm tra1. kiểm tra2. kiểm tra3

Hãy cho tôi biết nếu bạn có bất kỳ câu hỏi nào về nó

Tham gia thảo luận

Nếu bạn thích bài viết này, xin vui lòng chia sẻ nó trên phương tiện truyền thông xã hội. Vẫn còn bất kỳ câu hỏi về một bài viết, để lại cho chúng tôi một bình luận

Việc thêm một khoảng trắng vào HTML của bạn có thể khó khăn. Và có ít nhất 5 cách để thực hiện việc này

Hướng dẫn này sẽ cho bạn thấy một số ví dụ. Nó cũng sẽ chỉ cho bạn cách sử dụng các phiên bản không gian lạ mắt

Bạn có thể làm tất cả điều này trong HTML thô mà không cần CSS. Nhưng xin lưu ý rằng CSS là cách ưa thích để thêm không gian vào HTML của bạn. Và freeCodeCamp có rất nhiều hướng dẫn về cách thực hiện điều này bằng mô hình hộp CSS

Ký tự ASCII cho một khoảng trắng là gì?

Mã ký tự ASCII cho một khoảng trắng là 20. Nhưng đây chỉ là cách tiêu chuẩn. có một số

Có 5 loại khoảng trắng trong HTML mà bạn có thể sử dụng. Bằng mắt thường, chúng trông giống nhau nhưng chúng phục vụ các mục đích hơi khác nhau

Và còn có Ký tự tab, biểu thị việc nhấn phím tab trên bàn phím của bạn. Và Ký tự trả về vận chuyển, đại diện cho việc nhấn phím enter trên bàn phím của bạn

+---------------------+-----------+
|      Character      | HTML Code |
+---------------------+-----------+
| Non-breaking space  |      |
| En space            |      |
| Em space            |      |
| Thin space          |    |
| Standard space      |      |
| New Line (Return)   | 
     |
| Tab Character       | 	     |
+---------------------+-----------+

Ký tự khoảng trắng rộng bao nhiêu?

Có bốn độ rộng phổ biến cho các ký tự khoảng trắng

1. Không gian có chiều rộng tiêu chuẩn. Điều này còn được gọi là "không gian ngắt dòng" vì nó sẽ không gây ra ngắt dòng (trả về xuống dòng AKA)
2. Em không gian. Cái này được gọi là "Em" vì nó rộng bằng chữ M trong bất kỳ kiểu chữ nào bạn đang sử dụng. (Nếu bạn đã nghe thuật ngữ em-dash, đây là một dấu gạch ngang rộng bằng chữ M. )
3. không gian. Cái này được gọi là "En" vì nó rộng bằng chữ n trong kiểu chữ của bạn
4. Và cuối cùng là "Không gian mỏng", là không gian mỏng nhất trong tất cả các không gian

Biểu tượng cho không gian trong HTML là gì?

Thực thể HTML được sử dụng phổ biến nhất là 

Bạn có thể thử ném văn bản này để buộc nó hiển thị khoảng trắng

Ví dụ: giả sử bạn muốn đặt hai khoảng trắng sau một câu, nhưng một thứ khác trong công cụ hiển thị trang web đang tự động xóa một trong các khoảng trắng. Bạn có thể gõ  để thêm hai dấu cách

Không gian có phải là ký tự không phải ASCII không?

KHÔNG. Không gian là một ký tự ASCII. Giá trị ASCII của nó là 20 và bạn có thể nhập nó như thế này. 

Làm cách nào để tạo khoảng trắng trong HTML?

Bạn có thể muốn sử dụng CSS để căn giữa các thành phần HTML của mình thay vì không gian mã hóa cứng

Nhưng nếu bạn chỉ muốn một cách nhanh chóng và bẩn thỉu để tạo khoảng trắng và đẩy văn bản xung quanh, bạn có thể sử dụng lặp đi lặp lại cùng một ký tự khoảng trắng như thế này

[The text you want to add trailing whitespace to]      [the text you want to add trailing whitespace to]

Nhân vật nào trông giống như một khoảng trắng nhưng không phải vậy?

Có hai ký tự trông giống như dấu cách nhưng không phải

1. Ký tự Dòng mới – còn được gọi là "sự trở lại vận chuyển". Mã HTML cho ký tự xuống dòng là.
2. Ký tự tab, là thứ bạn nhận được khi nhấn nút tab trong trường văn bản. Mã HTML cho Ký tự tab là.

Tôi hy vọng hướng dẫn này hữu ích. Tiến lên và tạo khoảng trống. 🚀

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

Quincy Larson

Người thầy sáng lập freeCodeCamp. tổ chức

Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn

Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu