Xem thêm

Thẻ p trong HTML: Cách kết hợp tinh tế và linh hoạt

Huy Erick
Chữ cái "p" trong thẻ

là viết tắt của paragraphs - đoạn văn. Thẻ p trong HTML giúp trình duyệt nhận dạng được đoạn văn bản trong HTML. Bài viết dưới đây sẽ giúp...

Thẻ p trong HTML Chữ cái "p" trong thẻ

là viết tắt của paragraphs - đoạn văn. Thẻ p trong HTML giúp trình duyệt nhận dạng được đoạn văn bản trong HTML. Bài viết dưới đây sẽ giúp bạn phân biệt được các thẻ được dùng và không được dùng với thẻ

khi code HTML.

1. Các thẻ được kết hợp với thẻ p trong HTML (thẻ bổ trợ thẻ p)

Những thẻ được dùng trong thẻ

bao gồm:

  • Thẻ liên kết
  • Thẻ (image): hiển thị một hình ảnh
  • Thẻ : dùng để nhóm các inline
  • Thẻ : được dùng để đánh dấu, nhấn mạnh text
  • Thẻ : được dùng để nhấn mạnh nội dung văn bản
  • Thẻ

    : dùng để ngắt đoạn văn bản

Ví dụ, thẻ
được dùng với thẻ p trong HTML như sau:





Tiêu đề trang web


Tự học code html
tại nhà.

Kết quả hiển thị trên trang web sẽ là:

Tự học code html
tại nhà

2. Các thẻ không được kết hợp với thẻ p trong HTML

Những thẻ có thể dùng với thẻ p bên trên đều thuộc nhóm thẻ inline, còn lại không thể chứa được các nhóm thẻ block. Nhóm các thẻ block bao gồm:

2.1. Thẻ xác định danh sách

  • ,
    ,
    : Sử dụng cho danh sách có các mục và có nội dung mô tả cho các mục.
    1. ,
    2. : Dùng cho thẻ danh sách có thứ tự.
      • ,
      • : Thẻ danh sách không có thứ tự sẽ dùng cặp thẻ này.

      2.2. Các thẻ xác định bố cục trang web

      • (phân chia khu vực): Thẻ phân chia khu vực hay vùng, sự phân chia này sẽ giúp cho trình duyệt hiểu rõ những vùng được bố cục trên trang web.
      • (xác định phần nội dung nằm ở đầu trang web): Chứa tất cả phần đầu của trang web, gồm: logo, mô tả, liên kết, …
      • (xác định khu vực có nội dung): Bao ngoài các nội dung lớn thường được đặt tiêu đề từ h1 đến h6 trong bài
      • (xác định phần nội dung nằm ở cuối trang web): Chứa tất cả phần cuối của trang web, gồm: logo, bản quyền, thông tin doanh nghiệp (tên, mã số thuế, địa chỉ liên lạc,…)

      2.3. Các thẻ xác định bố cục nội dung

      • (định dạng tiêu đề bài viết): Gồm các thẻ từ

        cho đến
        , được dùng để xác định tiêu đề cho nội dung trên trang HTML. Nhờ các thẻ này, trình duyệt sẽ nhận biết được tiêu đề trên trang của một nội dung.

      • (xác định một bài viết hoặc nội dung riêng biệt): Nội dung gồm các tin tức chi tiết, bài báo, …
      • -
        (xác định chú thích của hình ảnh): Giải thích nội dung rõ nghĩa hơn cho hình ảnh

      Tóm lại, khi sử dụng thẻ

      bạn chỉ cần nhớ những nhóm thẻ được dùng trong thẻ p thuộc nhóm inline. Còn lại, không được sử dụng các nhóm thẻ block chung với thẻ p trong HTML.

1