Cách để Chèn Khoảng Trống Trong HTML - WikiHow

Có thể bạn quan tâm

Trang đầu
Ngẫu nhiên
Duyệt các Chuyên mục
Giới thiệu về wikiHow

Đăng nhập / Đăng ký

Các chính sáchCách để Chèn khoảng trống trong HTML

Tải về bản PDF Cùng viết bởi Jessica Andzouana

Tải về bản PDF X

Bài viết này có đồng tác giả là Jessica Andzouana, một trong những đồng tác giả viết bài của chúng tôi. Các đồng tác giả viết bài của wikiHow phối hợp chặt chẽ với đội ngũ biên tập viên để đảm bảo nội dung được chính xác và toàn diện nhất có thể. Bài viết này đã được xem 131.025 lần.

Trong bài viết này: Sử dụng HTML Sử dụng CSS Sử dụng nội dung được định dạng sẵn Mẹo và cảnh báo Bài viết có liên quan Tham khảo

Đâ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.

Các bước

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

Sử dụng HTML

Tải về bản PDF

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]
- 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

Tải về bản PDF

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

Tải về bản PDF

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]
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.

Bài viết wikiHow có liên quan

Cách đểKhiến mọi người nghĩ rằng bạn đang hack

Cách đểChụp ảnh bằng camera trên laptop

Cách đểChuyển đổi màn hình 1 và 2 trên PC

Cách đểKết nối tai nghe Bluetooth với máy tính

Cách đểKết nối PC với TV mà không cần dây

Cách đểHack Máy tính

Cách đểSao chép và dán ảnh

Cách đểGõ ký hiệu trái tim trên máy tính

Cách đểKết nối tai nghe không dây với PC hoặc Mac

Cách đểSử dụng chức năng chụp ảnh màn hình trên bàn phím

Cách đểXóa bỏ phông nền trong Adobe Illustrator

Cách đểXâm nhập máy tính ở trường

Cách đểBật màn hình cảm ứng trên laptop HP

Cách đểGiải nén tập tin Quảng cáo

Tham khảo

↑ http://www.amp-what.com/unicode/search/space
↑ http://hea-www.harvard.edu/~fine/Tech/html-sentences.html
↑ http://hea-www.harvard.edu/~fine/Tech/html-sentences.html
↑ https://www.w3.org/TR/html401/struct/text.html#edef-PRE

Về bài wikiHow này

Cùng viết bởi: Jessica Andzouana Bài viết này có đồng tác giả là Jessica Andzouana, một trong những đồng tác giả viết bài của chúng tôi. Các đồng tác giả viết bài của wikiHow phối hợp chặt chẽ với đội ngũ biên tập viên để đảm bảo nội dung được chính xác và toàn diện nhất có thể. Bài viết này đã được xem 131.025 lần. Chuyên mục: Máy tính Ngôn ngữ khác Tiếng Anh Tiếng Tây Ban Nha Tiếng Bồ Đào Nha Tiếng Pháp Tiếng Nga Tiếng Italy Tiếng Đức Tiếng Trung Tiếng Indonesia Tiếng Hà Lan Tiếng Ả Rập Tiếng Thái Tiếng Hàn Tiếng Hindi Tiếng Thổ Nhĩ Kỳ Tiếng Séc Tiếng Nhật

Trang này đã được đọc 131.025 lần.

Bài viết này đã giúp ích cho bạn?

Có Không Quảng cáo Cookie cho phép wikiHow hoạt động tốt hơn. Bằng việc tiếp tục sử dụng trang web của chúng tôi, bạn đồng ý với chính sách cookie của chúng tôi.