Cách chèn khoảng trống trong HTML, chèn ký tự khoảng trắng

4.3 (85%) 12 votes

Chèn khoảng trống trong HTML (chèn ký tự khoảng trắng trong HTML) là để giúp bạn muốn không gian một đoạn văn bản trắng được nới rộng ra theo ý muốn. Hãy cùng nhau hiểu về cách chèn khoảng trống trong HTML.

Trong trình soạn thảo Word, để tạo ra nhiều khoảng trống, bạn chỉ việc thực hiện Space nhiều lần. Nhưng đối với HTML điều này lại hoàn toàn không thể, mà bạn cần phải sử dụng các ký tự đã được định sẵn.

Chèn ký tự khoảng trắng trong HTML nó khác rất nhiều đối với các trình văn bản khác nhau, bởi vậy cần phải có thủ thuật nhất định mới làm được điều này.

Cách chèn khoảng trống trong HTML

Các ký tự khoảng trắng được thêm vào trong văn bản HTML thường được gọi với tên gọi đặc biệt, đó là “Không gian không bị phá hủy” (Non-Breaking Space) và nó luôn được hiển thị.

     ● Xem thêm: Tổng hợp 1000+ kí tự đặc biệt, icon đẹp độc lạ cho Facebook

Để biết cách chèn khoảng trống trong HTML, bạn chỉ việc sử dụng một số tổ hợp ký tự và số ở dạng như sau:

  hoặc  

Bạn chỉ việc chuyển sang trình văn bản HTML, sau đó chèn một trong 2 ký tự phía trên, là bạn đã có thể thêm ký tự khoảng trống vào HTML rồi.

  • Để tạo độ rộng cho khoảng trống, rất đơn giản bạn chỉ việc gõ một loạt các ký tự  

Ví dụ: Nếu bạn muốn tạo 10 khoảng trống trong HTML, bạn chỉ việc thêm đoạn ký tự sau đây:                    

Lưu ý: Không phải tất cả các trình duyệt đều hỗ trợ các ký tự thực thế dạng tên, vậy nên bạn cần cân nhắc trước khi sử dụng. Trong khi đó, các ký tự thực thế dạng số thường được sử dụng khá tốt.

  • Ngoài ra, nếu bạn muốn tạo độ rộng nhưng hạn chế việc sử dụng các ký tự  . Bạn có thể sử dụng những mã ký tự phía dưới đây để thay thế:

  – Chèn ký tự khoảng trắng gấp 2 lần ký tự khoảng trắng  

  – Chèn ký tự khoảng trắng gấp 4 lần ký tự khoảng trắng  

Cách chèn khoảng trống trong HTML với một số ký tự đặc biệt

Ngoài việc chèn khoảng trống trong HTML, còn một số ký tự khác nữa mà BkViet.Com muốn giới thiệu thêm cho bạn. Bạn có thể tham khảo hình ảnh phía dưới đây nhé!

cách chèn khoảng trống trong html
Cách chèn khoảng trống trong HTML, chèn ký tự khoảng trắng

Kết luận

Việc chèn khoảng trống trong HTML là điều cần thiết, nếu bạn muốn đoạn văn bản của mình trở nên hoàn hảo hơn. Văn bản trong HTML khác xa nhiều so với các văn bản ký tự thông thường, bởi vậy bạn cần phải chú ý trước khi sử dụng chúng.

Ký tự khoảng trắng được tạo ra dựa theo một quy cũ nhất định và tương thích trong HTML, vậy khi thực hiện việc chèn ký tự khoảng trắng vào HTML, nên lưu ý trước những điều này.

Xem thêm một số bài viết cùng chủ đề của chúng tôi: Làm chuyển động thanh tiêu đề khẩu hiệu website trên Tab trình duyệt và bài viết Chia sẻ code hiệu ứng chuột: Di chuyển chuột bong bóng nở ra (cực đẹp).

Cảm ơn các bạn đã theo dõi bài viết Cách chèn khoảng trống trong HTML, chèn ký tự khoảng trắng. Chúc các bạn sẽ biết cách chèn khoảng trống trong HTML và thực hiện được các công việc của mình đang cần.

Chúc các bạn thành công!

 

2

avatar
Mới nhất Cũ nhất
Tduc
Độc Giả
Tduc

Việc chèn khoảng trắng trong html như thế này nếu mã hóa tren Unicode JavaScript thf có sao ko nhỉ?