Ngắt dòng
Thuộc phần Kiến thức cơ bản trong hành trình HTML của Coddy. Bài học 8 trên 60.
Trong HTML, thẻ <br> dùng để tạo ngắt dòng. Thẻ này hữu ích khi bạn muốn bắt đầu văn bản trên dòng mới mà không tạo đoạn văn mới. Khác với thẻ <p>, vốn thêm một dòng trống trước và sau văn bản, thẻ <br> chỉ đơn giản chuyển văn bản xuống dòng tiếp theo.
Đây là cách bạn có thể sử dụng thẻ <br> trong HTML:
<p>This is a line.<br>This is another line.</p>Trong ví dụ này, “This is a line.” và “This is another line.” sẽ hiển thị trên các dòng riêng biệt trong cùng một đoạn văn. Thẻ <br> là một phần tử rỗng, nghĩa là thẻ này không có thẻ đóng. Bạn chỉ cần viết <br> tại vị trí muốn ngắt dòng.
Thử thách
DễBạn được cung cấp một tài liệu HTML có một đoạn văn. Hãy dùng ngắt dòng để hiển thị văn bản như sau:
Hello, world!
This is a new line.Tự làm thử
<!DOCTYPE html>
<html>
<body>
<p>Hello, world!This is a new line.</p>
</body>
</html>Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Kiến thức cơ bản
1Kiến thức cơ bản về HTML
HTML là gì?Cấu trúc cơ bản của HTMLThẻ và phần tửThẻ lồng nhau và thẻ đóngChú thích trong HTML2Văn bản và định dạng
Tiêu đềĐoạn vănNgắt dòngChữ đậm và chữ nghiêngLại chữ đậm và chữ nghiêngÔn tập: định dạng8Biểu mẫu và đầu vào phần 1
Kiến thức cơ bản về biểu mẫuÔ nhập văn bảnThuộc tính của ô nhậpTrường mật khẩuNhãn cho ô nhậpÔn tập: biểu mẫu cơ bản11Trang đăng ký sự kiện
Tổng quan dự ánPhần đầu trang3Làm việc với danh sách
Danh sách không có thứ tựDanh sách có thứ tựDanh sách lồng nhauÔn tập: danh sách9Biểu mẫu và đầu vào phần 2
Nút radioHộp kiểmDanh sách thả xuốngNútNút trong biểu mẫuÔn tập: biểu mẫu #1Ôn tập: biểu mẫu #2Tự luyện tập: Playground Web