很像視力檢查表的H家族(Heading)

H1：約32pt

H2：約24pt

H3：約18pt

H4：約16pt

H5：約14pt

H6：約10pt

H7？最多只到H6，如果超過會視同預設

p：CodePen預設=H4（可以改），細心的你會發現，誒～～～H4好像比較粗

這是因為 < h＋數字>系列的標籤會幫你設定是粗體（用<b>標籤包住文字）

如果你要斜體的話，可以用（<i>標籤包住文字）

那如果我想要 又粗又斜 ， 又斜又粗 的話，可以用（<b>還有<i>標籤包住文字，順序無關，反正有用兩個包住就好）

還有一個常見的就是畫底線，（可以用<u>標籤來夾住）

上面的幾個常見文字標籤，可以用word的按鈕來記，分別是Bord/Italic/Underline的縮寫

同場加映：

Marked、刪除線、_下標、^上標

---

簡單來說，<p>就等於是段落（paragraph），他可以定義區塊內的文字

還有一個常用的叫做行內元素，也就是<span>標籤，我們之後可能常常會看到他

它的用途在於，只要被<span>包住，他就會死死地躲在父母的保護傘內

我是父母，

這是可以獨立的p孩

我是父母，這是不能獨立的sp孩

---

其實直接打字，也會出現在畫面上 但之後你要設定css樣式會比較麻煩 可以把它當作是無家可歸的浪浪，管理不易，而且他不會幫你換行，
除非你在前面加了（<br>標籤）

但如果你用pre標籤
他會幫你原貌呈現
有換行也會幫你換
只是不太好看
而且字又擠又小