Khi các bạn chèn khoảng cách trong html thì mặc định html sẽ chỉ hiển thị một khoảng trắng giữa các từ dù các bạn có nhấn phím space bao nhiêu lần. tuy nhiên các bạn lại đang muốn chèn nhiều ký tự khoảng trắng trong html? Hôm nay coder.com.vn sẽ hướng dẫn các bạn ký tự khoảng trắng html
1. Chèn ký tự khoảng trắng trong html
thường thường, HTML sẽ chỉ hiển thị một khoảng trắng giữa các từ dù cho các bạn có nhấn phím cách hàng chục, hàng trăm lần. Chính vì thế để chèn thêm ký tự khoảng trắng trong HTML các bạn sử dụng mã kiểu tên hoặc mã kiểu số
Hai mã này sẽ làm ra một không gian không bị phá vỡ vì nó ngăn chặn một ngắt dòng tại vị trí của nó.
Lưu ý: Các bạn cũng không được lạm dụng ký tự này, trình duyệt sẽ gặp khó khăn trong việc chèn các dấu ngắt dòng theo một cách có trật tự và dễ đọc. vì thế nếu như các bạn mong muốn chèn nhiều hơn 1 khoảng trắng thì các bạn sẽ sử dụng các mã dưới đây.
2. Chèn khoảng trắng có độ rộng dài hơn trong HTML
Ngoài mã chèn khoảng trắng thì các bạn có thể dùng các mã phía dưới để chèn khoảng trắng với các độ rộng khác nhau, các mã này không gây ảnh hưởng đến dấu ngắt dòng.
– chèn khoảng trắng có độ rộng bằng hai khoảng trắng bình thường ( ).
– chèn khoảng trắng có độ rộng bằng bốn khoảng trắng thông thường ( ).
3. 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 nhập từ phím tắt bên trong các thẻ
có thể được hiển thị chính xác như đã nhập.
Các bạn có thể sử dụng Điều này để hiển thị các VD mã, thơ hoặc bất kỳ văn bản nào khác trong đó khoảng cách chuẩn xác và ngắt dòng là quan trọng.
4. Tạo ngắt dòng
sử dụng thẻ
để kết thúc dòng hiện tại của văn bản. bạn sẽ tạo các dòng trống từ nhiều thẻ br.
trong đó các bạn có thể tham khảo thêm bảng mã ký tự thường sử dụng dưới đây:
| mục đích | 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 giúp đỡ và 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; |
Trên đây bài viết đã chia sẻ đến các bạn các mã code chèn ký tự khoảng trắng trong html. Các bạn sẽ lựa chọn mã phù hợp để chèn ký tự khoảng trắng. Hi vọng bài đăng này sẽ giúp ích cho các bạn trong lúc các bạn học html. Chúc các bạn thành công!
tham khảo thêm : Cách chèn ký tự khoảng trắng trong html
Vũ – Tổng hợp
Tham khảo ( thuthuatphanmem.vn, … )
Bình luận về chủ đề post