(+84) 236.3827111 ex. 402

Sự khác nhau giữa thẻ inline và thẻ block


Trong HTML, các phần tử (elements) thường được chia thành 2 loại chính: inline (nội tuyến)block (khối). Đây là khái niệm rất quan trọng khi học CSS và bố cục trang web.

1. Thẻ block (block-level elements)

Đặc điểm:

  • Luôn chiếm toàn bộ chiều ngang của phần tử cha

  • Xuống dòng mới trước và sau nó

  • Có thể chứa cả thẻ block khác và thẻ inline

Ví dụ thẻ block:

    • ,
        ,
      1. ,
        ,
        ,

      Ví dụ:

      
      

      Đây là đoạn văn 1

      Đây là đoạn văn 2

      Hai đoạn sẽ xuống dòng riêng biệt

      2. Thẻ inline (inline elements)

      Đặc điểm:

      • Không xuống dòng

      • Chỉ chiếm đúng kích thước nội dung

      • Không chứa được thẻ block (trong HTML chuẩn)

      Ví dụ thẻ inline: