2-1 學習 HTML 的方法(循序漸進)
- 認識骨架(最基本的標籤)。
- 熟悉常用標籤:標題、段落、連結、圖片、清單。
- 練習小作品:自我介紹、課表、加入圖片與外部連結。
- 用 <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。