Tải về bản PDF Tải về bản PDF

Đâ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 của 3:
Sử dụng HTML

  1. 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. 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. 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]
    • 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. 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]
    • Hai khoảng trống - Nhập  
    • Bốn khoảng trống - Nhập  
    • Thụt đầu dòng - Nhập     
    Quảng cáo

Phương pháp 2 của 3:
Sử dụng CSS

  1. 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. 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. 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. 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 của 3:
Sử dụng nội dung được định dạng sẵn

  1. 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. 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. 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. 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 &nbsp; 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 &#09; 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

Chụp ảnh bằng camera trên laptopChụp ảnh bằng camera trên laptop
Đổi ngôn ngữ trên máy tínhĐổi ngôn ngữ trên máy tính
Tạo một Thư mục Mới trên Máy tínhTạo một Thư mục Mới trên Máy tính
Nghe nhạc trong Discord trên PC hoặc MacNghe nhạc trong Discord trên PC hoặc Mac
Sao chép và dánSao chép và dán
Kết nối laptop với màn hìnhKết nối laptop với màn hình
Khởi động máy tínhKhởi động máy tính
Quét mã QRQuét mã QR
Chụp màn hình trên máy tính HPChụp màn hình trên máy tính HP
Chuyển đổi màn hình 1 và 2 trên PCChuyển đổi màn hình 1 và 2 trên PC
Gửi Ảnh từ Điện thoại sang Máy tínhGửi Ảnh từ Điện thoại sang Máy tính
Kiểm tra bộ nhớ máy tínhKiểm tra bộ nhớ máy tính
Thu nhỏ chương trình ở chế độ toàn màn hìnhThu nhỏ chương trình ở chế độ toàn màn hình
Tìm kiếm từ hoặc cụm từ trong văn bản PDFTìm kiếm từ hoặc cụm từ trong văn bản PDF
Quảng cáo

Về bài wikiHow này

Travis Boylls
Cùng viết bởi:
Tác giả & Biên tập viên viết về công nghệ
Bài viết này đã được cùng viết bởi Travis Boylls. Travis Boylls là tác giả và biên tập viên làm việc cho wikiHow. Travis có kinh nghiệm viết các bài liên quan đến công nghệ, cung cấp dịch vụ khách hàng phần mềm và thiết kế đồ họa. Anh có chuyên môn về các hệ điều hành Windows, macOS, Android, iOS và Linux. Anh học thiết kế đồ họa tại Đại học Cộng đồng Pikes Peak. Bài viết này đã được xem 114.367 lần.
Chuyên mục: Máy tính
Trang này đã được đọc 114.367 lần.

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

Quảng cáo