在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/