HTML, ngôn ngữ lập trình web quen thuộc, không chỉ giúp bạn tạo ra cấu trúc cho trang web mà còn hỗ trợ thêm các tính năng như tạo đoạn, đặt in đậm văn bản, và nhiều nội dung khác. Tuy nhiên, việc tạo khoảng trống trong HTML có thể đôi khi gây khó khăn, đặc biệt đối với những người mới học. Đừng lo, bài viết này sẽ cung cấp cho bạn những kiến thức cơ bản về khoảng trống HTML và cách tạo chúng một cách dễ dàng. Hãy cùng tìm hiểu!
Ký tự ASCII cho khoảng trắng là gì?
Trong HTML, ký tự khoảng trắng được biểu diễn bằng mã ASCII 20. Tuy nhiên, ngoài ký tự này, bạn còn có nhiều kiểu khoảng trắng khác có thể sử dụng. Bạn cũng có thể chèn ký tự Tab để tạo khoảng trống tương ứng với phím tab trên bàn phím và ký tự Return tương ứng với phím Enter.
Cách chèn khoảng trống trong HTML (khoảng trống không bị ngắt – non-breaking space)
Để hiển thị các dấu cách đã bị bỏ qua, hãy sử dụng tại vị trí bạn muốn chèn khoảng trống. Ví dụ, gõ “Xin chào.” sẽ tạo ra một khoảng trắng giữa “Xin” và “chào.” Đây được gọi là khoảng trống không bị ngắt, hay còn gọi là non-breaking space, vì nó không cho phép xuống dòng ở vị trí đó. Điều này giúp trình duyệt hiển thị dấu ngắt dòng đẹp và đúng quy cách.
Chèn khoảng trống dài hơn trong HTML
Nếu bạn muốn chèn khoảng trống dài hơn, có thể sử dụng một số lựa chọn sau:
- Chèn 2 khoảng trống:
- Chèn 4 khoảng trống:
- Chèn tab:
Lùi đầu dòng đoạn văn bằng CSS
Bạn cũng có thể sử dụng CSS để lùi đầu dòng cho đoạn văn bản. Thuộc tính Padding hay Margin của CSS sẽ giúp bạn điều chỉnh khoảng cách một cách trực tiếp, mang lại kết quả đồng nhất hơn so với việc sử dụng thẻ .
Tạo ngắt dòng trong HTML
Để tạo ngắt dòng trong HTML, bạn chỉ cần chèn thẻ
sau dòng văn bản mà bạn muốn xuống dòng, và thẻ trước dòng văn bản để đặt đoạn văn bản xuống dòng giữa nó và đoạn văn bản trước.
Định nghĩa đoạn văn nếu cần
Nếu bạn muốn tách một khối văn bản thành một đoạn văn riêng biệt, hãy chèn thẻ
trước và
sau đoạn văn bản đó. Điều này sẽ giúp trình duyệt hiểu rằng đoạn văn bản đó là một đoạn riêng biệt và giữ khoảng cách khỏi các đoạn văn bản khác.
Dùng đoạn văn bản được định dạng trước để đọc khoảng trống
Nếu bạn đã định dạng đoạn văn bản bằng CSS hoặc HTML, các khoảng trống bạn gõ sẽ được hiển thị trên trang web. Để định dạng trước, hãy sử dụng thẻ
trước đoạn văn bản và kết thúc bằng thẻ
.
Tóm tắt cách chèn khoảng trống trong HTML:
- Gõ để chèn một khoảng trống
- Gõ để chèn 2 khoảng trống
- Gõ để chèn 4 khoảng trống
- Gõ để chèn tab
- Gõ
để ngắt dòng - Gõ
để ngắt dòng 2 lần
Câu hỏi thường gặp về khoảng cách trong HTML
1. Độ rộng của ký tự trong khoảng trắng như thế nào?
- Space of standard width: Khoảng cách chuẩn, không dẫn đến ngắt dòng.
- Em Space: Chiều rộng tương đương với chữ “M” trong các kiểu chữ.
- En Space: Chiều rộng tương đương với chữ “n” trong các kiểu chữ.
- Thin Space: Khoảng cách hẹp nhất.
2. Dấu khoảng cách trong HTML nghĩa là gì?
- Ký tự là một thực thể HTML được sử dụng rộng rãi nhất để hiển thị khoảng trống trong văn bản.
Đó là những kiến thức cơ bản về tạo khoảng trống trong HTML mà bạn cần biết. Đừng ngại thực hành và tìm hiểu thêm về HTML để trang web của bạn trở nên cuốn hút hơn! Hãy tham gia vào sara.edu.vn để cập nhật thông tin mới nhất về ẩm thực, phong thủy, công nghệ, giáo dục, làm đẹp,… 24/7 một cách chính xác và đa dạng.
