Block Element and Inline Element(塊級元素&內聯元素) | HTML

HTML 塊級元素和內聯元素！理解這兩者之間的差異對於打造結構良好的網頁非常重要。

HTML 區塊級元素和內聯元素會大大影響網頁的布局和排版，主要影響的是元素的佔行和換行，深入了解各元素的特性，未來的使用上才不會撰寫出錯誤的 HTML 網頁結構。

塊級元素和內聯元素差異

  • 塊級元素會強制換行
  • 內聯元素不會換行
更多詳細介紹

See the Pen Block Element and Inline Element(塊級元素&內聯元素)-HTML by lenrich (@lenrich) on CodePen.

塊級元素 block level element(會換行)

塊級元素詳細介紹 
<h1>
<p>
<ul>
<table>

內聯元素 inline element(不會換行，並排)

內聯元素詳細介紹 
<b>
<td>
<a>
<img>
<span>