🪆

HTML 結構視覺動畫

娃娃嵌套・人體比喻・常見錯誤比較

第 1 層:最外層大娃娃 <html> 包住全部
🔓 開標籤 <html> 最外層娃娃
<head> 頭部開門(上方)
</head> 👇 關標籤在 <title> 下方閂門
<body> 身體開門(上方)
</body> 👇 關標籤在內容下方閂門
🔒 關標籤 (斜線 /) </html> 整套封頂
對應的代碼結構 層層相扣
<html>
  <head>
    <title>我的網頁</title>
  </head>

  <body>
    <h1>你好世界</h1>
    <p>歡迎來學 HTML!</p>
  </body>
</html>
          
💡

開標籤開門,關標籤閂門

內層標籤(如 <title>)必須在父母層(<head>)關門前完成關閉,絕不能「跨層穿透」!