Tài liệu HTML được chia thành nhiều đoạn văn bản ngắn.
Đoạn văn bản trong HTML
Thẻ <p> trong HTML được dùng để định nghĩa một đoạn văn bản.
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <body> <p>Đây là một đoạn văn bản.</p> <p>Đây là một đoạn văn bản.</p> <p>Đây là một đoạn văn bản.</p> </body> </html> |
Hiển thị HTML
Bạn không chắc chắn HTML sẽ hiển thị như mong muốn trên các trình duyệt. Phụ thuộc vào màn hình lớn, nhỏ haykhi thay đổi kích cỡ cửa sổ trình duyệt sẽ cho những kết quả hiển thị khác nhau.
Với HTML, bạn không thể thay đổi hiển thị bằng cách thêm khoảng trống hoặc thêm dòng trong đoạn mã HTML của mình.
Trình duyệt sẽ loại bỏ khoảng trống và những dòng thừa khi hiển thị.
Dù cho bạn có bao nhiêu khoảng trống hay tạo thêm bao nhiêu dòng mới, trình duyệt cũng chỉ coi như là một khoảng trống mà thôi.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<!DOCTYPE html> <html> <body> <p> Đây là đoạn văn bản chứa rất nhiều dòng trong mã nguồn, nhưng trình duyệt sẽ bỏ qua chúng. </p> <p> Số lượng dòng trong một đoạn văn bản phụ thuộc vào kích cỡ của cửa sổ trình duyệt. Nếu bạn thay đổi kích cỡ cửa sổ trình duyệt, số lượng dòng trong đoạn văn bản cũng sẽ thay đổi. </p> </body> </html> |
Đừng quên thẻ đóng
Hầu hết các trình duyệt sẽ hiển thị đúng mã HTML kể cả khi bạn quên thẻ đóng:
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html> <body> <p>Đây là đoạn văn bản. <p>Đây là đoạn văn bản. <p>Đây là đoạn văn bản. <p>Đừng quên đóng các thẻ HTML của bạn!</p> </body> </html> |
Ví dụ trên sẽ hiển thị đúng trên hầu hết các trình duyệt nhưng việc bạn quên thẻ đóng có thể dẫn tới những lỗi hoặc kết quả không như mong đợi.
Xuống dòng trong HTML
Thẻ <br> trong HTML được sử dụng để ngắt dòng.
Sử dụng <br> nếu bạn muốn xuống dòng (tạo một dòng mới) mà không cần phải tạo một đoạn văn bản mới:
1 2 3 4 5 6 7 8 |
<!DOCTYPE html> <html> <body> <p>Đây là<br>một đoạn<br>văn bản đã được ngắt dòng.</p> </body> </html> |
Thẻ <br> không có thẻ đóng.
Vấn đề về thơ
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<!DOCTYPE html> <html> <body> <p>Cả khổ thơ dưới đây sẽ hiển thị trên một dòng:</p> <p> Hạt gạo làng ta Có vị phù sa Của sông Kinh Thầy Có hương sen thơm Trong hồ nước đầy Có lời mẹ hát Ngọt bùi đắng cay... </p> </body> </html> |
Thẻ <pre> trong HTML
Thẻ <pre> dùng để giữ nguyên định dạng của đoạn văn bản.
Đoạn văn bản trong thẻ <pre> sẽ hiển thị với chiều dài cố định và thường font mặc định là Courier. Dấu cách và xuống hàng được giữ nguyên định dạng:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<!DOCTYPE html> <html> <body> <p>Thẻ pre giữ nguyên dấu cách và xuống dòng:</p> <pre> Hạt gạo làng ta Có vị phù sa Của sông Kinh Thầy Có hương sen thơm Trong hồ nước đầy Có lời mẹ hát Ngọt bùi đắng cay... </pre> </body> </html> |
Bài tập
Bài tập 1 Bài tập 2 Bài tập 3 Bài tập 4Thư viện thẻ HTML
Bạn có thể tham khảo thư viện của WebVN để biết thêm thông tin về các thẻ HTML cũng như thuộc tính của chúng.