Thẻ định dạng đoạn văn bản trong HTML

Trong bài viết trước Taimienphi.vn đã giới thiệu cho bạn về thẻ Heading trong HTML, trong bài viết tiếp theo dưới đây Taimienphi.vn sẽ giới thiệu tiếp cho bạn về các thẻ định dạng đoạn văn bản trong HTML.

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.

The dinh dang doan van ban 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

1. 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:

the dinh dang doan van ban 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:

the dinh dang doan van ban trong html 2

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ị.

the dinh dang doan van ban trong html 3

Kết quả đầu ra có dạng như dưới đây:

the dinh dang doan van ban trong html 4

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ụ:

the dinh dang doan van ban trong html 5

Kết quả đầu ra có dạng như dưới đây:

the dinh dang doan van ban trong html 6

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:

the dinh dang doan van ban trong html 7

Kết quả đầu ra có dạng như dưới đây:

the dinh dang doan van ban trong html 8

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.

the dinh dang doan van ban trong html 9

Kết quả đầu ra có dạng như dưới đây:

the dinh dang doan van ban trong html 10

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:

the dinh dang doan van ban trong html 11

Kết quả đầu ra có dạng như dưới đây:

the dinh dang doan van ban trong html 12

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:

the dinh dang doan van ban trong html 13

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é.

https://thuthuat.taimienphi.vn/the-dinh-dang-doan-van-ban-trong-html-49963n.aspx
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.

Tác giả: Nguyễn Ngọc Thuỷ     (4.0★- 3 đánh giá)  ĐG của bạn?

  

Bài viết liên quan

Thẻ Heading trong HTML, thẻ H1, H2, H3, H4, H5, H6
Tìm hiểu Entities trong HTML
Danh sách (list) trong HTML
URL trong HTML là gì? cấu trúc như thế nào?
Responsive Web Design trong HTML
Từ khoá liên quan:

Thẻ định dạng đoạn văn bản trong HTML

, HTML, định dạng đoạn văn bản trong HTML,

SOFT LIÊN QUAN
  • HTML Creator

    Phần mềm thiết kế web cho người mới

    HTML Creator là phần mềm dành cho người mới học HTML, hỗ trợ người dùng tạo webpage cơ bản kèm theo thiết bị đơn giản mà không cần viết mã (code). Mục đích cuối cùng của người học khi sử dụng HTML Creator là làm quen với cấu trúc khối của ngôn ngữ HTML và xem mã HTML tương ứng trông ra sao khi tạo trang.

Tin Mới

  • Sự khác nhau giữa JSON và XML

    XML (Extensible Markup Language) và JSON (JavaScript Object Notation) là 2 định dạng trao đổi dữ liệu phổ biến nhất hiện nay. So sánh JSON và XML, sự khác nhau giữa JSON và XML là gì? Cùng theo dõi bài viết dưới đây để tìm hiểu nhé.

  • Danh sách (list) trong HTML

    Bài viết trước bạn đọc đã cùng Taimienphi.vn tìm hiểu về bảng (table) trong HTML. Trong bài viết tiếp theo dưới đây Taimienphi.vn sẽ giới thiệu tiếp cho bạn về danh sách (list) trong HTML.

  • Thẻ img trong HTML

    Trên các trang web đều sử dụng hình ảnh minh họa để làm nổi bật nội dung, đồng thời để tránh người dùng cảm thấy khó chịu vì text quá dài. Trong HTML hình ảnh được chỉ định bằng thẻ img. Tham khaor tiếp bài viết dưới

  • Code All Star Tower Defense mới nhất 3/2024

    All Star Tower Defense mang đến cho bạn phút giây giải trí khi có lối chơi hấp dẫn và quen thuộc. Bên cạnh đó, Roblox thường xuyên có phần quà Code All Star Tower Defense miễn phí hàng tháng giúp bạn có thêm Xu, Đá Quý, Nhân Vật để nâng cấp.