在HTML中，元素可以分為塊狀元素和行內元素兩種類型。這兩種類型的元素在頁面中的顯示方式有很大的區別，了解它們的區別對于頁面的布局和樣式的設計都非常重要。

塊狀元素是指在頁面中獨占一行的元素，它們會自動在前后添加換行符。常見的塊狀元素包括div、h1~h6、p、ul、ol、li等等。塊狀元素通常用于頁面的布局和結構，可以設置寬度、可以嵌套其他元素。

gput等等。行內元素通常用于頁面的文本和樣式的設計，可以設置字體、顏色、背景色等屬性，不可以設置寬度、不可以嵌套塊狀元素。

塊狀元素和行內元素的區別

1. 顯示方式不同

塊狀元素會獨占一行，而行內元素會在同一行內顯示。

2. 默認寬度和高度不同

塊狀元素默認寬度為100%，高度為它所包含的內容的高度加上內邊距和邊框的高度。行內元素的寬度和高度由它所包含的內容決定。

3. 可以設置的屬性不同

塊狀元素可以設置寬度、可以嵌套其他元素。行內元素不可以設置寬度、不可以嵌套塊狀元素。

4. 盒子模型不同

塊狀元素的盒子模型包括內容區域、內邊框和外邊距，而行內元素的盒子模型只包括內容區域和內邊距。

了解塊狀元素和行內元素的區別對于頁面的布局和樣式的設計都非常重要。在實際開發中，應根據需要選擇使用塊狀元素或行內元素，并合理設置它們的屬性。同時，還可以通過CSS中的display屬性將元素的顯示方式改變為塊狀元素或行內元素。