When writing a paragraph tag [
], especially in a WYSIWYG HTML editor, pressing the Enter key creates a new paragraph and not a new line. To create a new line in an HTML paragraph tag, follow the steps below depending on how you are writing the HTML.
Tạo một dòng mới trong mã HTML
If you are writing the HTML, you can create a new line using the
[break] tag, as shown in the example below.
mã ví dụ
Example of
text that is using
the <br> tag to break
a paragraph.
Đầu ra mã ví dụ
Example of text that is using the
tag to break a paragraph.
Tạo một dòng mới trong trình soạn thảo WYSIWYG
Có thể tạo một dòng mới trong trình soạn thảo WYSIWYG. Ví dụ bao gồm trình chỉnh sửa trực tuyến được sử dụng trong chương trình CMS, như WordPress hoặc trình chỉnh sửa HTML, như Dreamweaver, với phím tắt. Hầu hết các chương trình và biểu mẫu trực tuyến đều hỗ trợ phím tắt Shift+Enter. Để sử dụng phím tắt này, hãy di chuyển con trỏ văn bản đến nơi bạn muốn bắt đầu dòng mới. Sau đó, nhấn và giữ Shift, rồi nhấn Enter
Ghi chú
Nếu lối tắt bàn phím này không hoạt động, có khả năng chỉ có thể nhập một dòng mới bằng cách chèn thủ công dấu ngắt dòng ["
" thẻ] trong mã HTML của tài liệu
Ngắt dòng, đúng như tên gọi, là ngắt dòng 😅. Ngắt dòng trong HTML là điểm mà một dòng kết thúc theo chiều ngang và dòng tiếp theo bắt đầu trên một dòng mới
Trong HTML, khi bạn viết một chuỗi như thế này
Hello, I am
trying to create a
new line
Khoảng trắng [khoảng trống tab trước "Xin chào", khoảng cách giữa "am" và "trying", "a" và "new"] sẽ bị bỏ qua. Kết quả trên màn hình sẽ hiện ra như thế này
Hello, I am trying to create a new line
Một cách để khắc phục điều này [dù không hiệu quả lắm] là tạo ba thẻ như thế này
Hello, I am
trying to create a
new line
Điều này sẽ dẫn đến kết quả như sau
Hello, I am
trying to create a
new line
Bởi vì các thẻ p
tạo các phần tử
Hello, I am trying to create a new line
0, nên chúng chiếm toàn bộ không gian theo chiều ngang và phần tử tiếp theo sẽ chuyển sang dòng tiếp theo – như bạn có thể thấy từ kết quả ở trênGiải pháp này không hiệu quả vì bạn đã tạo ba đoạn văn. Trong trường hợp trình đọc màn hình diễn giải điều này, nó sẽ đọc thành ba đoạn văn thay vì một câu. Điều này có thể ảnh hưởng đến khả năng truy cập web
Vậy làm cách nào để bạn thêm ngắt dòng cho phần tử nội tuyến?
Cách thêm ngắt dòng trong HTML
HTML có các thẻ cho nhiều mục đích, kể cả để tạo ngắt dòng. Bạn có thể sử dụng thẻ
Hello, I am trying to create a new line
1 trong HTML để thêm ngắt dòng. Nó có thể đi giữa các phần tử nội tuyến để chia các phần tử thành nhiều phầnDưới đây là một ví dụ về đoạn văn có thẻ
Hello, I am trying to create a new line
1
Hello, I am
trying to create a
new line
Thẻ
Hello, I am trying to create a new line
1 là phần tử void không có thẻ đóng. Thay vào đó, nó là một thẻ tự đóngĐoạn mã trên dẫn đến điều này
Hello, I am
trying to create a
new line
Bạn có thể sử dụng thẻ này cho các dạng phần tử nội tuyến khác như liên kết. Ví dụ, nhìn vào mã này
Google
Twitter
Các thẻ neo,
Hello, I am trying to create a new line
4, là các phần tử nội tuyến, vì vậy thay vì liên kết thứ hai hiển thị trên dòng tiếp theo, nó sẽ hiển thị trong cùng một dòng như thế nàyGoogle