在前端開發中，HTML 元素主要分為三種型別：行內元素、塊級元素和空元素。它們在頁面佈局和渲染方面有不同的表現。
1. 行內元素 (Inline Elements):
行內元素在水平方向排列，只佔據必要的寬度，不會另起一行。它們設定寬度 width、高度 height 和垂直方向的 margin、padding 屬性無效，但可以設定水平方向的 margin 和 padding。
常見的行內元素包括：
<a>(連結)<span>(通用行內容器)<b>(加粗)<i>(斜體)<em>(強調)<strong>(更強烈的強調)<small>(小字型)<sub>(下標)<sup>(上標)<img>(圖片)<input>(輸入框)<textarea>(文字域)<button>(按鈕)<select>(下拉選單)<label>(標籤)
2. 塊級元素 (Block Elements):
塊級元素會獨佔一行，預設寬度會撐滿父元素的寬度。可以設定寬度 width、高度 height 以及 margin 和 padding。
常見的塊級元素包括：
<div>(通用塊級容器)<p>(段落)<h1>-<h6>(標題)<ul>(無序列表)<ol>(有序列表)<li>(列表項)<table>(表格)<form>(表單)<article>(文章)<aside>(側邊欄)<nav>(導航)<header>(頁首)<footer>(頁尾)<section>(章節)
3. 空元素 (Void Elements):
空元素是指沒有內容的元素，也稱為自閉合元素。它們不需要結束標籤。
常見的空元素包括：
<br>(換行)<hr>(水平線)<img>(圖片)<input>(輸入框)<link>(連結樣式表)<meta>(後設資料)<base>(文件基準 URL)<area>(影像對映區域)<col>(表格列)<embed>(嵌入外部內容)<param>(引數)<source>(媒體資源)<track>(文字軌道)<wbr>(建議換行)
需要注意的是，HTML5 中對行內元素和塊級元素的劃分不再像以前那麼嚴格。可以使用 CSS 的 display 屬性來改變元素的顯示型別。例如，可以將 span 設定為 display: block;，使其表現得像塊級元素一樣。
希望這個解釋對您有所幫助！