💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!
Cập nhật: 31 tháng 5 năm 2026
Ngắt dòng (br) | Hướng dẫn và bài tập
📌
Kết luận
Ngắt dòng bằng thẻ <br>
<br>.
📝 Mã thực tế tại đây
<p>Dòng 1<br>Dòng 2</p>Đặc điểm của thẻ br
<br> là viết tắt của "break" (ngắt quãng). Đây là một thẻ tự đóng, nghĩa là bạn không cần phải viết </br>.
Phân biệt br và p
Khi bạn nghĩ "mình muốn xuống dòng", hầu hết các trường hợp việc chia làm hai đoạn văn (<p>) mới là cách làm đúng.
| Phương pháp | Khi nào nên dùng |
|---|---|
Chia thành các thẻ <p> | Khi nội dung là các đoạn văn khác nhau |
Dùng thẻ <br> | Khi muốn xuống dòng trong cùng một ý (như địa chỉ, lời thơ) |
⚠️ Đừng lạm dụng br để tạo khoảng trống
Tuyệt đối không dùng liên tiếp nhiều thẻ<br><br><br> để tạo khoảng cách giữa các phần tử. Để tạo khoảng trống, quy tắc chuẩn là sử dụng margin hoặc padding trong CSS.
Tổng kết
- Dùng<br> để ngắt dòng, nhưng ưu tiên dùng <p> để chia đoạn
- <br> là thẻ tự đóng
- Không dùng <br> để tạo khoảng trắng trang trí
Hãy thử trong phần bài tập
Hãy thử ngắt dòng giữa "Dòng 1" và "Dòng 2" bằng thẻ br nhé.🧪 Thử nghiệm tại đây
Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.
■ Bài tập thực hành
Hãy ngắt dòng giữa 'Dòng 1' và 'Dòng 2' bằng thẻ br.
Gợi ý khi gặp khó khăn
br là thẻ tự đóng dùng để xuống dòng.