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

Cùng viết bởi Nhân viên của wikiHow

Đây là bài viết hướng dẫn cách chèn khoảng trống và ngắt dòng vào văn bản HTML. Vì việc ấn phím cách nhiều lần cũng chỉ hiển thị một khoảng trống trong HTML, nên bạn cần sử dụng thẻ HTML để chèn nhiều khoảng trống cùng lúc.

Phương pháp 1

Phương pháp 1 của 3:

Sử dụng HTML

1
Mở văn bản HTML. Bạn có thể chỉnh sửa văn bản HTML bằng cách sử dụng chương trình soạn thảo văn bản như NotePad hoặc TextEdit trên Windows. Bạn cũng có thể dùng chương trình soạn thảo HTML như Adobe Dreamweaver. Hãy thực hiện các bước sau để mở văn bản HTML:
- Truy cập văn bản HTML trong File Explorer trên Windows hoặc Finder trên Mac.
- Nhấp phải vào văn bản HTML mà bạn muốn chỉnh sửa.
- Đặt con trỏ tại Open with (Mở bằng).
- Nhấp vào chương trình mà bạn muốn dùng để chỉnh sửa văn bản.
2
Ấn phím cách để thêm một khoảng trống thông thường. Để thêm khoảng trống thông thường, bạn sẽ nhấp vào nơi muốn thêm khoảng trống và ấn phím cách. Thường thì HTML chỉ hiển thị một khoảng trống giữa các từ dù bạn có ấn phím cách nhiều lần.
3
Nhập   để tăng khoảng trống. Đây là khoảng trống không bị ngắt dòng vì bạn không thể ngắt dòng tại vị trí đặt khoảng trống.^{[1]
X
Nguồn nghiên cứu}
- Ví dụ, nếu bạn nhập Chào   bạn! thì một khoảng trống sẽ được chèn giữa "Chào" và "bạn!"
- Nếu bạn lạm dụng tính năng này, trình duyệt sẽ khó mà chèn ngắt dòng một cách có trật tự và dễ đọc.^{[2]
  X
  Nguồn nghiên cứu}
- Bạn cũng có thể nhập   để tăng khoảng trống.
4
Chèn nhiều khoảng trống với độ rộng khác nhau. Bạn có thể chèn khoảng trống dài hơn bằng cách sử dụng một trong các lựa chọn sau:^{[3]
X
Nguồn nghiên cứu}
- Hai khoảng trống - Nhập &ensp;
- Bốn khoảng trống - Nhập &emsp;
- Thụt đầu dòng - Nhập     
Quảng cáo

Phương pháp 2

Phương pháp 2 của 3:

Sử dụng CSS

1
Mở văn bản HTML hoặc CSS. Bạn có thể sử dụng CSS trong phần mở đầu của văn bản HTML hoặc soạn thảo văn bản CSS riêng biệt.
- Phần mở đầu của văn bản HTML là phần trên cùng của tập tin, được đặt giữa các thẻ "<head>" và "</head>".
2
Tạo phần kiểu cho CSS. Phần kiểu được đặt trong phần mở đầu của mã HTML, hoặc trong trang kiểu riêng biệt. Hãy sử dụng các thẻ sau để tạo phần kiểu trong văn bản HTML hoặc trang kiểu khác.
- Nhập <style> để mở phần kiểu. Tất cả mã CSS sẽ được nhập sau thẻ này.
- Nhập </style> để đóng phần kiểu. Tất cả mã CSS phải được nhập trước thẻ đóng này.
3
Nhập thẻ sau vào vùng kiểu: p {text-indent: 5em;}. Thao tác này yêu cầu trình duyệt tạo thụt đầu dòng với 5 khoảng trống tại phần mã HTML phù hợp.
- Bạn có thể điều chỉnh số khoảng trống bằng cách nhập một số khác sau "text-indent:".
- Đơn vị "em" tương đương với một khoảng trống theo kích thước chữ đã chọn. Bạn có thể dùng đơn vị khác, chẳng hạn như phần trăm (ví dụ: "text-indent: 15%;") hoặc đơn vị đo lường (ví dụ: "text-indent: 3mm;").
4
Nhập <p> tại nơi mà bạn muốn thêm thụt đầu dòng. Bạn có thể nhập thẻ này vào bất kỳ vị trí nào cần thêm thụt đầu dòng cho văn bản. Đây là thao tác thêm thụt đầu dòng phù hợp với các chỉ định trong CSS.

Quảng cáo

Phương pháp 3

Phương pháp 3 của 3:

Sử dụng nội dung được định dạng sẵn

1
Mở văn bản HTML. Bạn có thể chỉnh sửa văn bản HTML bằng chương trình soạn thảo văn bản như Notepad hoặc TextEdit trên Windows. Bạn cũng có thể dùng chương trình soạn thảo HTML như Adobe Dreamweaver. Hãy thực hiện các bước sau để mở văn bản HTML:
- Truy cập văn bản HTML trong File Explorer trên Windows hoặc Finder trên Mac.
- Nhấp phải vào văn bản HTML mà bạn muốn chỉnh sửa.
- Đặt con trỏ tại Open with (Mở bằng).
- Nhấp vào chương trình mà bạn muốn dùng để chỉnh sửa văn bản.
2
Nhập <pre> trước nội dung mà bạn muốn định dạng trước. Đây là thẻ mở dành cho nội dung được định dạng sẵn.
3
Nhập nội dung mà bạn muốn ngay sau thẻ "<pre>". Bằng việc định dạng sẵn nội dung, mọi khoảng trống và ngắt dòng được tạo bằng cách ấn "Enter" sẽ hiển thị trên trang HTML.^{[4]
X
Nguồn nghiên cứu}
4
Nhập </pre> sau nội dung. Đây là thao tác đóng phần nội dung được định dạng sẵn.

Quảng cáo

Lời khuyên

Nếu khoảng trống trở thành các ký tự lạ trên trình duyệt web, nguyên nhân thường là do dữ liệu bổ sung trong định dạng của chương trình soạn thảo văn bản không dành cho hiển thị trực tuyến. Hãy tránh tình trạng này bằng cách sử dụng chương trình soạn thảo văn bản thuần túy như Notepad hoặc TextEdit.
Sử dụng CSS là một cách hiệu quả và dễ đoán hơn trong việc thiết lập trang, bao gồm việc tạo khoảng trống cho nội dung.
Khoảng trống không ngắt dòng   là một thực thể ký tự - mã dành cho ký tự mà bạn không thể nhập từ bàn phím.

Cảnh báo

Ký tự HTML dành cho Tab ↹ 	 không có tính năng như bạn nghĩ. Văn bản HTML tiêu chuẩn không có các điểm dừng tab, nên ký tự tab không có chức năng gì cả.
Luôn viết HTML trong chương trình soạn thảo mã hoặc tập tin văn bản thuần túy thay vì định dạng tệp xử lý văn bản.