7 tháng 11, 2019

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


1. Cách chèn khoảng trống giữa các từ

Thông thường HTML chỉ hiển thị 1 khoảng trống giữa các từ, cho dù bạn có bấm dấu cách bao nhiều lần đi chăng nữa. Vậy nên nếu bạn muốn hiển thị nhiều hơn một khoảng trống thì hãy chèn đoạn code sau.
  • Chèn 1 khoảng trống:  
  • Chèn 2 khoảng trống:  
  • Chèn 4 khoảng trống:  
  • Chèn tab:     
Ví dụ: Hello &nbsp World thì trình duyệt sẽ hiển thị ra 3 khoảng trống giữa 2 từ.
Đây được gọi là khoảng trống không bị ngắt hay không bị phá hủy vì nó ngăn không cho xuống dòng ở vị trí đó. Nếu lạm dụng kí tự này, trình duyệt sẽ khó chèn dấu ngắt dòng đẹp và đúng quy cách.
Bạn cũng có thể gõ   để tạo ra khoảng trống.

2. Cách lùi đầu dòng cho đoạn văn bản

Không thể cứ mỗi dòng đầu tiên của đoạn văn bản lại chèn code khoảng trống được, làm như vậy mất thời gian và thiếu chuyên nghiệp.
Để thụt đầu dòng mỗi đoạn văn bản ta làm như sau:
- Trong phần <head> </head> bạn chèn thuộc tính padding-left 

<style>.indent{padding-left: 1.7em }</style>

- Trong phần đoạn văn bản bạn chỉ cần gán class indent cho thẻ <p> là được

<p class="indent"> nội dung đoạn văn <p>

Tùy theo ý muốn của bạn mà điều chỉnh chỉ số padding-left


SHARE THIS

Blogger Nguyễn Dương

Có một câu nói mà mình rất thích đó là "Thật sai lầm khi nghĩ rằng một khi rời khỏi trường học, bạn không cần học thêm điều mới nữa". Chính vì thế mà hãy luôn luôn học hỏi, con người chỉ ngừng phát triển khi ngừng học hỏi. Nếu như bạn chưa hiểu nội dung bài viết hoặc đang khúc mắc khi thao tác thì hãy bình luận phía dưới bài viết để mọi người cùng thảo luận nhé!