bài trước chúng ta đã biết làm thế nào để định dạng thẻ tiêu đề , tiếp bài hôm nay là thẻ định dạng đoạn văn bản. Mình chia nhỏ phần định thẻ tiêu đề và định dạng đoạn văn bản để các bạn có thể nắm bắt dễ hơn, và không bị ngán khi học. Hãy theo dõi tiếp bài dưới đây.

Xem lại các phần trước:

Định nghĩa và cách dùng

Thẻ định dạng đoạn văn bản: giúp trình duyệt xác định đâu là đoạn văn bản.

  • Thẻ <p></p> viết tắt của từ “paragraphs” có nghĩa là đoạn văn.
  • Thẻ <p></p> giúp trình duyệt xác định được đoạn văn bản trong trang HTML, thẻ này chỉ có thể chứa các thẻ thuộc nhóm inline, gồm: text, image, link, button,…
Xem thêm:  Top 10 mẫu website giới thiệu công ty, doanh nghiệp đẹp và sang trọng

HTML viết

1A

Hiển thị trình duyệt:

Để ngắt đoạn cho đoạn văn ta có thể dùng 2 cách:

  • Ngắt đoạn cùng dòng: sử dụng thẻ <br /> (<br /> là thẻ thuộc nhóm inline).

HTML viết

3A

Hiển thị trình duyệt:

4A

  • Ngắt đoạn khác dòng: sử dụng 2 thẻ <p></p> để ngắt đoạn khác dòng, tránh trường hợp sử dụng 2 lần thẻ <br /> vì về mặt ý nghĩa của thẻ sẽ không còn chính xác, điều này sẽ gây khó khăn cho trình duyệt phân biệt đâu là cùng đoạn, đâu là khác đoạn.

HTML viết

6A

Hiển thị trình duyệt:

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.

7A

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.

Những cấu trúc không nên sử dụng

Không được chứa bên trong <p></p> các thẻ thuộc nhóm các thẻ block, code như thế này là sai, không đúng chuẩn W3C:

HTML viết

8A

Có gì thắc mắc bạn cứ gửi phản hồi phản hồi về WEBICO nhé, chúc bạn tự học thiết kế web thật tiến bộ.

Xem thêm:  [INFOGRAPHIC] Lợi ích của chatbot trong thiết kế website doanh nghiệp

>>