Buzz
Khi bạn chèn khoảng cách vào HTML, mặc định sẽ chỉ hiển thị một khoảng trắng giữa các từ, dù bạn nhấn phím space nhiều lần. Nhưng nếu bạn muốn chèn nhiều ký tự khoảng trắng trong HTML, hãy theo dõi cách chia sẻ dưới đây.
Dưới đây là cách thực hiện chèn ký tự khoảng trắng trong HTML, mời bạn theo dõi.
1. Chèn ký tự khoảng trắng trong HTML
Thường thức, HTML chỉ hiển thị một khoảng trắng giữa các từ, dù bạn nhấn phím cách nhiều lần. Để chèn ký tự khoảng trắng trong HTML, bạn có thể sử dụng mã kiểu tên hoặc mã kiểu số  
Hai mã này sẽ tạo ra một không gian không bị phá vỡ, giữ ngắn gọn ngắt dòng tại vị trí của chúng.
Lưu ý: Không nên lạm dụng ký tự này. Trình duyệt sẽ gặp khó khăn khi chèn các dấu ngắt dòng một cách có trật tự và dễ đọc. Nếu muốn chèn nhiều hơn 1 khoảng trắng, bạn có thể sử dụng các mã dưới đây.
2. Chèn khoảng trắng với độ rộng dài hơn trong HTML
Ngoài việc sử dụng mã để chèn khoảng trắng, bạn còn có thể áp dụng các mã dưới đây để thêm khoảng trắng với các độ rộng khác nhau mà không gây ảnh hưởng đến dấu ngắt dòng.
  - thêm khoảng trắng với độ rộng bằng hai khoảng trắng thông thường ( ).
  - thêm khoảng trắng với độ rộng bằng bốn khoảng trắng thông thường ( ).
3. Sử dụng văn bản đã được định dạng sẵn trong HTML
Mọi khoảng trắng hoặc xuống dòng enter ↵ được thêm vào bằng các phím tắt bên trong các thẻ <pre> </pre> sẽ xuất hiện đúng như cách bạn nhập vào.
Bạn có thể tirọng việc này để hiển thị ví dụ mã, thơ hoặc bất kỳ văn bản nào khác, nơi giữ nguyên khoảng cách và dòng là điều quan trọng.
4. Tạo ngắt dòng
Sử dụng thẻ <br> để kết thúc dòng hiện tại của văn bản. Bạn có thể tạo nhiều dòng trống bằng cách sử dụng nhiều thẻ br.
Hãy tham khảo bảng mã ký tự thường dùng dưới đây để có thêm thông tin:
Kết Quả |
Mô tả |
Kiểu Tên |
Kiểu Số |
khoảng trắng |
& nbsp ; |
& #160 ; |
|
< |
dấu bé |
& lt ; |
& #60 ; |
> |
dấu lớn |
& gt ; |
& #62 ; |
& |
dấu " và " |
& amp; |
& #38; |
" |
dấu nháy kép |
& quot; |
& #34; |
' |
dấu nháy đơn |
' không hỗ trợ trong IE |
& #39; |
¢ |
Cent |
& cent; |
& #162; |
£ |
pound |
& pound; |
& #163; |
¥ |
yên |
& yen; |
& #165; |
€ |
Euro |
& euro; |
& #8364; |
§ |
section |
& sec; |
& #167; |
© |
Copy |
& copy; |
& #169; |
® |
registered trademark |
& reg; |
& #174; |
× |
multiplication |
& times; |
& #215; |
÷ |
division |
& divide; |
& #147; |
Trong bài viết này, chúng tôi đã chia sẻ mã code để chèn ký tự khoảng trắng trong HTML. Bạn có thể lựa chọn mã phù hợp để thêm khoảng trắng. Chúc bạn học HTML một cách hiệu quả và thành công!
