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ôn ngữ đánh dấu siêu văn bản là ngôn ngữ được biết đến trên toàn thế giới vì tính linh hoạt và dễ sử dụng các thuộc tính, tính năng và thẻ. Trong HTML, một đoạn văn, khổ thơ của bất kỳ bài thơ hoặc địa chỉ bưu điện nào luôn bắt đầu trên một dòng mới
Đối với điều này, người dùng có thể dễ dàng tạo một dòng mới với các thẻ khác nhau trong HTML. Nhưng nếu họ muốn thêm văn bản trong một đoạn sẽ bắt đầu trên một dòng mới thì sao? . Bài viết này sẽ thảo luận về tất cả các phương pháp ngắt dòng khác nhau trong HTML
Phương pháp 1. Sử dụng
thẻ ngắt dòng trong HTML
Khi người dùng muốn thêm mới hoặc bắt đầu bằng một dòng mới, họ có thể sử dụng HTML này
thẻ, chẳng hạn như trong các bài thơ hoặc địa chỉ cần ngắt dòng. Trong HTML, các
thẻ là một thẻ rỗng
Nó ngụ ý thẻ không yêu cầu bất kỳ thẻ kết thúc nào. Nói chung, trình duyệt web không nhận dạng được dòng và đoạn văn mới được chèn vào trong văn bản nội dung. Vì vậy, nếu người dùng muốn bắt đầu với một dòng mới, họ phải chèn dấu ngắt dòng bằng HTML
nhãn
Khi người dùng thêm dấu ngắt dòng, điều này có nghĩa là chuyển sang dòng mới để thêm một vài khoảng trắng giữa hai dòng khác nhau, bất kỳ đoạn tài liệu HTML bổ sung nào hoặc thành phần trang web. Một thuộc tính của
thẻ là thuộc tính "xóa". Các
thẻ cho trình duyệt biết vị trí bắt đầu một dòng mới sau dấu ngắt dòng trước đó
Đoạn mã
An example of the HTML br tag
the line break with br tag
the line break with br tag
the line break with br tag
Note: This tag does not require any end tag
đầu ra
Chạy đoạn mã
Một số trình duyệt hỗ trợ HTML
thẻ như sau
- firefox
- Google Chrome
- trình duyệt web IE
- Microsoft Cạnh
- Ô-pê-ra
- Cuộc đi săn
Phương pháp 2. Sử dụng
thẻ ngắt dòng trong HTML
Mặc dù div là để tạo sự phân chia cho nội dung mới trong HTML, chẳng hạn như hình ảnh, văn bản, đầu trang, chân trang, thanh điều hướng, v.v., nhưng người dùng thường có thể sử dụng điều này để tạo một dòng mới. Các
thẻ chứa cả thẻ mở và thẻ đóng. Các
thẻ là một yếu tố cấp khối. Vì vậy, người dùng có thể đặt ngắt dòng trước và sau nó
Đoạn mã
An example of the HTML br tag
the line break with br tag
the line break with br tag
the line break with br tag
Note: Users should add the end tags while using this tag
đầu ra
Chạy đoạn mã
Một số trình duyệt hỗ trợ HTML
thẻ như sau
- trình duyệt web IE
- Google Chrome
- Ô-pê-ra
- Cuộc đi săn
- firefox
Phương pháp 3. Sử dụng
thẻ ngắt dòng trong HTML
Nói chung, HTML
thẻ là để xác định một đoạn nội dung các yếu tố và nội dung. MỘT
thẻ là thẻ có thẻ mở và thẻ đóng được gọi là thẻ cặp
Bắt buộc phải đóng thẻ. Các
thẻ hoạt động gần giống như thẻ
thẻ, nhưng sự khác biệt là HTML
thẻ là phần tử cấp khối và chủ yếu được sử dụng để thêm nội dung, trong khi người dùng có thể sử dụng
thẻ để buộc ngắt dòng bên trong phần tử
Thông thường, người dùng trình bày các đoạn văn trong phương tiện trực quan dưới dạng các phần văn bản được phân chia từ các phần văn bản liền kề bằng khoảng trắng, dòng trống hoặc thụt đầu dòng. Nhưng các đoạn HTML [hoặc
thẻ] có thể là một tập hợp cấu trúc của nội dung có liên quan, chẳng hạn như hình ảnh, video hoặc các dạng phần tử hoặc trường khác
Đoạn mã
An example of the HTML paragraph tag
the line break with br tag
the line break with br tag
the line break with br tag
Note: Users should add the end tags while using this tag
đầu ra
Chạy đoạn mã
Một số trình duyệt hỗ trợ HTML
thẻ như sau
- trình duyệt web IE
- Google Chrome
- firefox
- Cuộc đi săn
- Bờ rìa
- Ô-pê-ra
Phương pháp 4. Sử dụng HTML tag:
Trong phương pháp này, chúng tôi chỉ ra việc sử dụng HTML
tag that defines a preformatted text. The browser will display the text within theelement in a fixed-width font, and the text maintains line breaks and white spaces.Code Snippet:
An example of the HTML pre tag
This is the first line This is the second line This is the third lineđầu ra
Chạy đoạn mã
Một số trình duyệt hỗ trợ HTML
tag are as follows:
- Internet Explorer
- Google Chrome
- Firefox
- Safari
- Edge
- Opera
Method 5: Using the HTML tag:
Here, we used the tag that forces a line to break with CSS display:block. It creates a line break.
Code Snippet:
This will break the line hereand this is the second line
đầu ra
Chạy đoạn mã
Một số trình duyệt hỗ trợ thẻ HTML như sau.
- trình duyệt web IE
- Google Chrome
- firefox
- Cuộc đi săn
- Bờ rìa
- Ô-pê-ra
Phần kết luận
Khi người dùng muốn một phần nội dung bắt buộc phải xuất hiện trên một dòng riêng biệt, chẳng hạn như một khổ thơ hoặc một địa chỉ bưu điện, họ có thể sử dụng bất kỳ thẻ nào ở trên và áp dụng các phần tử ngắt dòng thay vì các phần tử đoạn văn.
Chúng tôi hy vọng bài viết này đã đưa ra một ý tưởng rõ ràng về trường hợp sử dụng ngắt dòng lý tưởng và hướng dẫn cách tạo ngắt dòng bằng cách sử dụng các thẻ khác nhau trong HTML