Thẻ p trong HTML được sử dụng để xác định đoạn văn bản. Tham khảo tiếp bài viết dưới đây của Taimienphi.vn để tìm hiểu thẻ định dạng đoạn văn bản trong HTML.
Thẻ định dạng đoạn văn bản trong HTML
Mục lục bài viết
1. Thẻ định dạng đoạn văn bản trong HTML
2. Hiển thị thẻ HTML
3. Thẻ đóng trong HTML
4. Thẻ ngắt xuống dòng trong HTML
5. Hiển thị bài thơ trong HTML
6. Phần tử pre trong HTML
7. Các thẻ định dạng đoạn văn bản trong HTML
Như đã đề cập ở trên, thẻ p trong HTML được sử dụng để xác định đoạn văn bản. Bất kỳ nội dung nào được đề cập trong các thẻ p và đóng p đều được coi là đoạn văn bản.
Hầu hết các trình duyệt đọc một dòng dưới dạng một đoạn văn bản ngay cả khi chúng ta không sử dụng thẻ đóng, cụ thể là thẻ p. Tuy nhiên đôi khi điều này có thể gây ra lỗi, vì vậy quy ước chung là chúng ta phải sử dụng thẻ đóng.
Ví dụ: Dưới đây là ví dụ về thẻ định dạng văn bản trong HTML:
Sau khi áp dụng thẻ p định dạng đoạn văn bản, kết quả trả về có dạng như dưới đây:
2. Hiển thị thẻ HTML
Về cách thức các thẻ HTML hiển thị:
- Trên các màn hình kích thước lớn hoặc nhỏ, và trên các cửa sổ thay đổi kích thước, kết quả tạo ra sẽ được hiển thị theo nhiều cách khác nhau.
- Với HTML, chúng ta không thể thay đổi đầu ra bằng cách thêm khoảng trắng hoặc thêm dòng trong mã HTML.
- Trình duyệt sẽ xóa các khoảng trắng và các dòng thừa khi trang được hiển thị.
Ví dụ: Ví dụ dưới đây minh họa cách thẻ HTML hiển thị.
Kết quả đầu ra có dạng như dưới đây:
3. Thẻ đóng trong HTML
Hầu hết các trình duyệt sẽ hiển thị HTML đúng cách ngay cả khi chúng ta quên không dùng thẻ đóng.
Tuy nhiên Taimienphi.vn khuyến cáo bạn vẫn nên sử dụng thẻ đóng để tránh trường hợp lỗi có thể xảy ra.
Ví dụ:
Kết quả đầu ra có dạng như dưới đây:
4. Thẻ ngắt xuống dòng trong HTML
Thẻ br trong HTML được sử dụng để ngắt xuống dòng.
Ví dụ: Ví dụ dưới đây sử dụng thẻ br để ngắt xuống dòng:
Kết quả đầu ra có dạng như dưới đây:
Lưu ý: Thẻ br là thẻ trống, tức là chúng ta không cần thẻ đóng.
5. Hiển thị bài thơ trong HTML
Ví dụ: Trong ví dụ dưới đây, các câu trong bài thơ sẽ được hiển thị trên một dòng duy nhất.
Kết quả đầu ra có dạng như dưới đây:
6. Phần tử pre trong HTML
Phần tử pre trong HTML xác định văn bản được định dạng sẵn.
Văn bản trong phần tử pre được hiển thị bằng font chữ (thường là font Courier) có chiều rộng cố định, giữ nguyên dấu cách và dấu ngắt dòng.
Ví dụ: Trong ví dụ dưới đây, chúng ta sử dụng phần tử pre:
Kết quả đầu ra có dạng như dưới đây:
7. Các thẻ định dạng đoạn văn bản trong HTML
Dưới đây là bảng danh sách các thẻ định dạng đoạn văn bản trong HTML:
Thẻ Mô tả
p Xác định đoạn văn bản.
p Chèn ngắt xuống dòng.
pre Xác định văn bản được định dạng sẵn
Bài viết trên đây Taimienphi.vn vừa giới thiệu cho bạn về các thẻ định dạng đoạn văn bản trong HTML. Ngoài ra nếu có bất kỳ thắc mắc hoặc câu hỏi nào cần giải đáp, bạn đọc có thể để lại ý kiến của mình trong phần bình luận bên dưới bài viết nhé.
Trong các bài viết tiếp theo Taimienphi.vn sẽ giới thiệu tiếp cho bạn về thuộc tính style trong HTML.