Html dòng mới   ví dụ

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ên

Giả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ần

Dướ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


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ày

Html dòng mới   ví dụ

Bạn có thể sử dụng thẻ

Hello, I am trying to create a new line
1 giữa các liên kết để ngắt dòng liên kết đầu tiên


Html dòng mới   ví dụ

Kết luận

Thẻ

Hello, I am trying to create a new line
1 trong HTML bắt đầu phần tử tiếp theo trên một dòng mới, tương tự như dấu xuống dòng
Hello, I am trying to create a new line
7 trong chuỗi

Thay vì sử dụng các phần tử khối để đặt các phần tử vào dòng mới, bạn có thể sử dụng thẻ ngắt dòng.

Hello, I am trying to create a new line
1

Trong các trường hợp như câu, việc sử dụng thẻ

Hello, I am trying to create a new line
1 đóng vai trò ngắt dòng trực quan và không ảnh hưởng đến khả năng tiếp cận. Trình đọc màn hình sẽ đọc câu không ngừng nghỉ

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO


Html dòng mới   ví dụ
Dillion Megida

Người ủng hộ nhà phát triển và Người sáng tạo nội dung đam mê chia sẻ kiến ​​thức của tôi về Công nghệ. Tôi đơn giản hóa JavaScript / ReactJS / NodeJS / Frameworks / TypeScript / v.v. Kênh YT của tôi. youtube. com/c/deeecode


Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn

Học cách viết mã miễn phí. Chương trình giảng dạy nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có việc làm với tư cách là nhà phát triển. Bắt đầu

\n trong HTML là gì?

Ký tự \n khớp với ký tự xuống dòng .

Ngắt dòng \n là gì?

Thêm ký tự dòng mới vào chuỗi . Ví dụ: trong Linux, một dòng mới được ký hiệu là “\n”, còn được gọi là Nguồn cấp dữ liệu dòng. Trong Windows, một dòng mới được biểu thị bằng cách sử dụng “\r\n”, đôi khi được gọi là Trả về dòng và Nguồn cấp dữ liệu hoặc CRLF. Operating systems have special characters denoting the start of a new line. For example, in Linux a new line is denoted by “\n”, also called a Line Feed. In Windows, a new line is denoted using “\r\n”, sometimes called a Carriage Return and Line Feed, or CRLF.