1. Trang chủ
  2. Tin tức
  3. Kiến thức về HTML (P9): Thẻ định dạng đoạn văn bản

Kiến thức về HTML (P9): Thẻ định dạng đoạn văn bản

 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:

  • Kiến thức về HTML (P1): Giới thiệu HTML và tạo trang web bằng HTML
  • Kiến thức về HTML (P2): HTML Elements
  • Kiến thức về HTML (P3): Hướng dẫn tạo bảng HTML
  • Kiến thức về HTML (P4): Tag mới trong HTML
  • Kiến thức về HTML (P5): Đơn vị trong HTML và CSS
  • Kiến thức về HTML (P6): HTML Symbols-mã kí tự chữ
  • Kiến thức về HTML (P7): HTML Symbols-mã kí tự số
  • Kiến thức về HTML (P8): Thẻ định dạng tiêu đề
  • 1 Định nghĩa và cách dùng
    • 1.1 HTML viết
    • 1.2 Hiển thị trình duyệt:
    • 1.3 HTML viết
    • 1.4 Hiển thị trình duyệt:
    • 1.5 HTML viết
    • 1.6 Hiển thị trình duyệt:
  • 2 Những cấu trúc không nên sử dụng
    • 2.1 HTML viết

Đị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,…

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ề web3c nhé, chúc bạn tự học thiết kế web thật tiến bộ.

>>