Có thẻ khoảng trắng trong html không?

Đôi khi bạn có thể cần thêm khoảng trống vào tài liệu của mình. Thường thì điều này được thực hiện với việc sử dụng các hình ảnh vô hình có thể hoàn toàn trong suốt hoặc có cùng màu với nền. Tuy nhiên, những phương pháp này không đáng tin cậy. Để bao gồm khoảng trống trong tài liệu, bạn có thể sử dụng phần tử. Nó giống như một hình ảnh, nhưng thực ra, không có hình ảnh ở đó

Bạn nên chỉ định là một trong các loại sau. ngang, dọc và khối, có thể là cả ngang và dọc. Để làm điều này, hãy sử dụng thuộc tính type

Ví dụ, trong trình xử lý văn bản, các ký tự này không hiển thị, nhưng chúng có ảnh hưởng đến khoảng cách và định dạng của văn bản. Tuy nhiên, trong HTML mọi thứ lại khác. trình duyệt thu gọn nhiều ký tự khoảng trắng thành một khoảng trắng

HTML này có nhiều khoảng trắng giữa các từ và các ký tự

   Here   is text   with spaces     

   between the words     .

   Here   is text   with spaces     

   between the words     .

Trình duyệt biến HTML thành đầu ra này

Đây là văn bản có khoảng cách giữa các từ

Duy trì không gian và định dạng

Nếu bạn muốn duy trì khoảng cách và định dạng đã chỉ định thì sao?
Có 2 tùy chọn.

1. Sử dụng a

    tag, or

2. Thêm khoảng cách và định dạng HTML

Sử dụng a

 tag

Thay thế

gắn thẻ với

 gives these results:


  

    
   Here   is text   with spaces     

   between the words     .







Thật,

  

 preserves the original formatting, but it also changes the font to monospaced.
  All this can be corrected, but 
 is not always the optimal solution. A more common
  approach is HTML spacing.


Adding HTML spacing and formatting


  Alternatively, you may add HTML symbols and elements like so:


  

    

   Here   is text   with spaces

   between the words     .









   Here   is text   with spaces

   

   between the words     .


  
 Ký tự khoảng cách không phá vỡ [

   Here   is text   with spaces     

   between the words     .

0] buộc trình duyệt phải duy trì khoảng trắng. 
 Phần tử 
 buộc ngắt dòng. 








  
không gian không phá vỡ.   
  




 Ký tự khoảng trắng không ngắt [

   Here   is text   with spaces     

   between the words     .

0] thêm một khoảng trắng mà trình duyệt không thu gọn. 
 Ngoài ra, đúng như tên gọi, nó còn ngăn trình duyệt ngắt hai từ tại vị trí đó. 

Trong ví dụ này, 10 khoảng trắng 

   Here   is text   with spaces     

   between the words     .

0 được thêm vào đầu văn bản. Một 

   Here   is text   with spaces     

   between the words     .

0 khác được đặt giữa '4 PM', sẽ không được tách ra khi câu kết thúc do hạn chế về không gian. 

  


   Here   is text   with spaces     

   between the words     .

1

  
 Thuộc tính CSS 

   Here   is text   with spaces     

   between the words     .

4 thêm khoảng cách bên trong cho một phần tử. 
 Nó chấp nhận một đến bốn giá trị bắt đầu từ trên cùng, bên phải, dưới cùng và bên phải. 
Một
phần tử có phần đệm 40 pixel ở tất cả các bên. 


  

    
Một div với khoảng cách bên trong 40 pixel. 





   Here   is text   with spaces     

   between the words     .

3

  
Để biết thêm chi tiết về 

   Here   is text   with spaces     

   between the words     .

4, hãy xem tài liệu tham khảo thuộc tính đệm CSS của chúng tôi











 Thuộc tính CSS 

   Here   is text   with spaces     

   between the words     .

5 thêm khoảng cách bên ngoài phần tử. 
 Nó chấp nhận một đến bốn giá trị bắt đầu từ trên cùng, bên phải, dưới cùng và bên phải. 
Một
phần tử có 40 pixel 

   Here   is text   with spaces     

   between the words     .

  


5 ở tất cả các mặt. 



  

    
Một div với khoảng cách bên ngoài 40 pixel. 





   Here   is text   with spaces     

   between the words     .

7

  
Để biết chi tiết về 

   Here   is text   with spaces     

   between the words     .

5, hãy xem tài liệu tham khảo thuộc tính lề CSS của chúng tôi








  



  

    
Sử dụng phần đệm so với lề
    

      
Cả phần đệm và lề đều thêm khoảng cách cho một phần tử
      
Không gian được tạo bằng phần đệm được coi là một phần của chính phần tử đó
      
Không gian được tạo với lề được coi là bên ngoài phần tử
      
Sự khác biệt này ảnh hưởng đến vùng nhấp chuột, màu nền và các thuộc tính khác như vậy cho phần tử