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

http://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

Responsive Web Design trong HTML
Thẻ comment trong HTML, tạo chú thích bằng HTML
Thuộc tính color, màu trong HTML
Thuộc tính id trong HTML, thẻ ID
Đường dẫn file trong HTML, link Ảnh tuyệt đối và tương đối
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


 Mùa hè tới rồi muốn so sánh giá tìm điều hòa giá rẻ nhất thị trường hãy dùng TopGia để so sanh gia có nhiều mẫu dieu hoa để so sanh sanh, xem dieu hoagiá rẻ để so sánh giá