Cách chèn khoảng trống (dấu cách) trong HTML


Thông thường khi soạn thảo văn bản sử dụng kí tự dấu cách bạn chỉ cần sử dụng phím Space trên bàn phím. Tuy nhiên trong html muốn sử dụng kí tự dấu cách bạn cần phải nhập kí tự khác không thể sử dụng phím Space để thay thế. Bài viết dưới đây hướng dẫn chi tiết tới các bạn Cách chèn khoảng trống (dấu cách) trong HTML

Thông thường trình duyệt sẽ tự động cắt bỏ dấu cách thừa trong trang html, như vậy khi bạn muốn sử dụng nhiều dấu cách cạnh nhau bạn nên sử dụng dấu cách ở dạng ký tự thực thể của dấu cách trong html là:   hay mã số:  

Tuy nhiên để tránh trường hợp lỗi khi sử dụng các trình duyệt khác nhau bạn nên sử dụng ký tự thực thể ở dạng mã số.

Ví dụ bạn muốn sử dụng thêm 1 dấu cách tạo khoảng trống giữa các từ:

Thêm 1 dấu cách tạo khoảng trống giữa các từ

Trường hợp bạn muốn tạo 5 khoảng trống sử dụng 5 kí tự dấu cách:

Tạo 5 khoảng trống sử dụng 5 kí tự dấu cách

Như vậy khiến bạn rối mắt khi sử dụng quá nhiều dấu cách và việc căn chỉnh không đều nhau. Để khắc phục hiện trạng này bạn nên sử dụng ký tự sau để thay thế:

  – có độ rộng bằng 2 lần dấu cách

  - có độ rộng bằng 2 lần dấu cách

  – có độ rộng xấp xỉ bằng 4 lần dấu cách

  - có độ rộng xấp xỉ bằng 4 lần dấu cách

Ngoài ra để tạo khoảng trống đầu dòng bạn có thể sử dụng thêm các thẻ padding-left … kết hợp trong css.

Trên đây là hướng dẫn chi tiết cách chèn khoảng trống (dấu cách) trong HTML.

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


Tags: HTML

Tham khảo thêm

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

Bài viết liên quan

Tổng hợp bài tập Pascal hay

Tổng hợp bài tập Pascal hay

GMAT là gì? Cấu trúc bài thi GMAT như thế nào

GMAT là gì? Cấu trúc bài thi GMAT như thế nào

Những lời ngỏ báo tường hay nhất

Những lời ngỏ báo tường hay nhất

Cách tính phần trăm % nhanh và chính xác nhất

Cách tính phần trăm % nhanh và chính xác nhất

Trò chơi Bịt mắt bắt dê

Trò chơi “Bịt mắt bắt dê”

Hướng dẫn chơi Nhảy lò cò

Hướng dẫn chơi “Nhảy lò cò”

Viết bình luận
Cancel reply






Xem thêm:
dịch vụ seo website chuyên nghiệp

đào tạo seo marketing miễn phí

Bài viết cùng chủ đề