隨著持續的學習和嘗試，發現了一件事情：

標籤的排列方式其實不一定相同。

像之前看過的 <h1> 和 <p>，放進網頁之後通常會各自從新的一行開始。
但像 <a> 這種連結，就可以直接出現在一段文字裡：

<p>
    歡迎來到我的
    <a href="#">作品集</a>
    網頁！
</p>

查詢了一下，原來這就是 Block（區塊） 和 Inline（行內） 的差別？！
目前我的理解是：

Block
→ 比較像一個獨立的區塊，會自己佔一行。

像是 <div>、header、article、footer 等。

Inline
→ 比較像是內容中的一小部分，可以和其他內容待在同一行。

像是 <a>、span、img、strong、em 等。

所以說如果今天我要做一個作品集網站，可能會先把「作品介紹」、「作品圖片」、「關於我」這些不同內容分成一個個區塊。
但在一段介紹文字裡，如果想放一個連結，或是特別強調某個文字，就不需要為了它另外開一個區塊了。
這讓我從只思考『標籤的作用』，變成會思考『該怎麼組織網頁的結構』。

Day7，了解了 Block 和 Inline。
接下來其實是有點不知道怎麼辦，可能要開始學習css了吧？👀