HTML là một ngôn ngữ trực quan và được sử dụng rộng rãi trong tạo cấu trúc trang web. Một trong những yếu tố quan trọng của HTML là khả năng chèn khoảng trống để tạo ra một cấu trúc web ưa nhìn. Trên bài viết này, chúng ta sẽ tìm hiểu về cách chèn khoảng trống trong HTML và các phương pháp tạo khoảng cách trong HTML.
Ký tự ASCII cho khoảng trắng là gì?
Mặc dù ký tự ASCII cho khoảng cách là 20, trong thực tế bạn có thể sử dụng nhiều kiểu khoảng cách khác nhau trong HTML. Bạn có thể sử dụng ký tự Tab đại diện cho phím tab trên bàn phím và ký tự Return đại diện cho phím Enter.
Code HTML
Cách chèn khoảng trống trong HTML (khoảng trống không bị ngắt - non-breaking space)
Để chèn một khoảng trống không bị ngắt, bạn có thể sử dụng ký tự đặc biệt . Ví dụ, khi gõ Xin chào., bạn sẽ tạo ra một khoảng trắng thừa giữa từ "Xin" và "chào.".
Điều này được gọi là khoảng trống không bị ngắt vì nó ngăn không cho xuống dòng ở vị trí đó. Nếu bạn lạm dụng ký tự này, trình duyệt sẽ khó chèn đấu ngắt dòng đẹp và đúng quy cách.
Có thể sử dụng để tạo khoảng trống.
Chèn khoảng trống dài hơn trong HTML
Nếu bạn muốn tạo ra khoảng trống dài hơn, bạn có thể sử dụng các ký tự đặc biệt 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
Một cách khác để tạo khoảng cách là sử dụng CSS. Bằng cách sử dụng thuộc tính Padding hoặc Margin của CSS, bạn có thể chỉ định trực tiếp cho trình duyệt mức độ lùi đầu dòng. Lợi ích của việc này là kết quả sẽ đồng nhất hơn so với việc sử dụng ký tự đặc biệt .
Để lùi đầu dòng đoạn văn, bạn chỉ cần thêm đoạn mã CSS dưới đây vào phần của trang web:
Sau đó, trong phần thân văn bản HTML, khi bạn muốn lùi đầu dòng cho một đoạn văn cụ thể, bạn chỉ cần sử dụng thẻ trước đoạn văn và thẻ
Để điều chỉnh mức độ lùi đầu dòng, bạn có thể thay đổi con số 1.8 trong đoạn mã CSS trên. Giữ phần "em" đằng sau để đo độ dài tương ứng với kích thước font.
Tạo ngắt dòng trong HTML
Để tạo ngắt dòng trong HTML, bạn có thể sử dụng thẻ
Ví dụ, đoạn mã sau:
Quản trị mạng là trang thủ thuật công nghệ.
Quản trị mạng là trang thủ thuật công nghệ.Giữa hai câu trên sẽ có một đoạn xuống dòng.
Định nghĩa đoạn văn nếu cần
Nếu bạn muốn tạo một khối văn bản mới và muốn định dạng riêng cho đoạn văn, bạn có thể sử dụng thẻ trước và sau đoạn văn bản đó. Điều này sẽ tách đoạn văn khỏi các đoạn văn khác không được định dạng.
Hầu hết các trình duyệt sẽ tách đoạn văn bằng một dòng trống.
Dùng đoạn văn được định dạng trước để đọc khoảng trống
Nếu bạn muốn tạo các khoảng trống trong một đoạn văn đã được định dạng trước, bạn có thể sử dụng thẻ . Đoạn văn bản nằm giữa thẻ và sẽ được hiển thị theo đúng định dạng và các dấu Enter cũng sẽ hiển thị thành đoạn ngắt dòng.
Tóm tắt cách chèn khoảng trống trong HTML
- Gõ
- Gõ
- Gõ
- Gõ
- Gõ
- Gõ
Những câu hỏi thường gặp về khoảng cách trong HTML
Độ rộng của ký tự trong khoảng trắng như thế nào?
Đối với các ký tự khoảng trắng, bạn có 4 sự lựa chọn về độ rộng tiêu chuẩn:
- Space of standard width: Khoảng cách chuẩn vì nó sẽ không cho kết quả trong một ngắt dòng.
- Em Space: Bất kỳ kiểu chữ nào bạn đang sử dụng, nó đều có cùng độ rộng với chữ "M".
- En Space: Nó có cùng độ rộng với chữ "n" trong kiểu chữ.
- Thin Space: Khoảng cách hẹp nhất. Đây là lựa chọn cuối cùng.
Dấu khoảng cách trong HTML nghĩa là gì?
là một thực thể HTML được sử dụng rộng rãi nhất để định dạng khoảng trống trong văn bản. Để văn bản lấp đầy khoảng trống, hãy sử dụng ký hiệu khoảng cách.
Đây là một số kiến thức cơ bản về cách chèn khoảng trống trong HTML. Hy vọng rằng bạn đã tìm thấy thông tin hữu ích từ bài viết này. Để biết thêm thông tin chi tiết, hãy tìm hiểu về định dạng văn bản trong HTML, đoạn văn trong HTML và thuộc tính Style trong HTML.
