📜
第三章：認識網頁的骨架 — HTML
在寫 C# 之前，我們得先學會如何蓋房子的架子。這個架子就叫做 HTML。
🦴 什麼是 HTML？
HTML 的全名很長，但妳只需要記住：它是網頁的骨架。
如果一個網頁是一個美女，那麼：
- HTML: 是她的骨頭（決定哪裡是頭，哪裡是手）。
- CSS: 是她的衣服和化妝（決定哪裡是粉紅色，哪裡要閃閃發亮）。
- C#: 是她的內在靈魂（讓她會說話、會思考、會幫妳做事）。
🏷️ 魔法標籤 (Tags)
HTML 是由一對對的「標籤」組成的。它們就像是標註包裹的貼紙：
<標籤名字> 這裡放內容 </標籤名字>妳看見那個 / 符號了嗎？那代表標籤的結束。這就像是一對括號，要把內容包起來。
🍔 漢堡比喻：
<h1>是上層麵包。文字內容是中間的肉片。</h1>是底層麵包。
🎒 常用的小工具標籤
這裡有幾個妳必須認識的基礎標籤：
- 標題：
<h1>到<h6>。數字越小，字體越大！ - 段落：
<p>。用來放普通的文字內容。 - 容器：
<div>。像是一個大箱子，用來把很多東西裝在一起方便整理。 - 清單：
<ul>包著<li>。用來做清單（像購物清單一樣）。
⚡ 當 HTML 遇見 C#
在 ASP.NET 裡，網頁文件的結尾是 .cshtml。這代表它是一份 HTML 加上 C# 的魔法文件。
我們用一個神奇的符號 @ 來呼喚 C#。試試看在 Index.cshtml 裡寫下：
<div>
<h1>哈囉！這是我的魔法網頁</h1>
<p>現在的時間是：@DateTime.Now</p>
</div>原本 HTML 只能顯示死板板的文字，但因為有了 @DateTime.Now 這個 C# 咒語，網頁每次打開都會顯示最新、最正確的時間！
🚀 動手試試看！
現在請打開 Visual Studio，找到右邊的「方案總管」，點開 Pages 資料夾，雙擊打開 Index.cshtml。
試著修改裡面的文字，然後按下頂部的綠色播放按鈕。看看妳親手寫的 HTML 骨架在瀏覽器裡長什麼樣子！