在html裡面有分成區塊層級(block level)及行內層級(inlinelevel),
前者在瀏覽器會是新的一行且是整個區塊呈現;
後者不會有新的一行,呈現是你的內容物有多大他就有多大,
請看以下範例,藍色底線為占用的空間。
上方為區塊層級,佔用了一整個版面的區塊
上方為行內層級,佔用了內容的大小
1.區塊格式(block formatting):用來標示段落的樣式,呈現方式為整個區塊<h1>~<h6> (標題1~6)、<p> (段落)、<hr>(水平線)、<blockquote>(左右縮排)、<div>(群組成一個block)、marquee>(跑馬燈)、<pre>(預先格式化)...這些都屬於區塊層級
2.文字格式(text formatting):表示文字呈現的方式,皆有end tag<b>粗體、<i>斜體、<u>底線、<sub>下標、<sup>上標、<small>小字型、<code>程式碼、<em>強調斜體、<strong>強調粗體、<s>刪除字、<span>群組成一行.....
→建議可以用CSS進行文字的編輯,讓程式碼更有易讀性
之後會再介紹上述標籤的使用時機及呈現結果
參考資料:
HTML5、JavaScript、CSS、XHTML、Ajax網頁程式設計 (第五版) (電子書)-陳惠貞/碁峰/2015/01/27
https://www.w3schools.com/