HTML 功能與寫法|細項

← 返回首頁

2-1 學習 HTML 的方法(循序漸進)

  1. 認識骨架(最基本的標籤)。
  2. 熟悉常用標籤:標題、段落、連結、圖片、清單。
  3. 練習小作品:自我介紹、課表、加入圖片與外部連結。
  4. 用 <div> 分區,方便排版與維護。
重點:HTML(結構)+ CSS(外觀)+ JavaScript(互動)。

2-2 div 的運用(排版基礎)

<div class="header">頁首</div>
<div class="main">主內容</div>
<div class="footer">頁尾</div>

2-3 HTML 骨架

<!DOCTYPE html>
<html lang="zh-Hant">
<head>
  <meta charset="UTF-8">
  <title>我的第一個網頁</title>
</head>
<body>
  <h1>哈囉,世界!</h1>
  <p>這是我的第一個 HTML 網頁。</p>
</body>
</html>

2-4 單頁內導覽(目錄跳轉)

<h2 id="about">關於我</h2>
<a href="#about">跳到「關於我」</a>
連結到同頁元素請加 #目標ID
← 返回首頁