網美班 小社課
4/17 4/24 5/1 5/22 6/5 6/12
電繪
4:10~5:10 上課時間
5:10~5:40
講義區
網美班講義
補充
☆ 推薦的好看網站 ☆
頁首
頁尾
導覽列
主要內容
頁首
導覽列
頁首：標題、標誌圖案、區塊目錄、搜索表單等。
導覽列：包含一組連結到網站內其他網頁的超連結。
主要內容：文章、圖片、影片等。
頁尾：包含網站的擁有者資訊、瀏覽人數、版權聲明，以及一些連結。
| <article> | 標示網頁文本或獨立內容。 |
| <section> | 標示通用的區塊或區段 |
| <nav> | 標示導覽頁 |
| <header> | 標示網頁或區塊的頁首 |
| <footer> | 標示網頁或區塊的頁尾 |
| <aside> | 標示側邊欄，裡面通常包含摘要、廣告等可以從區塊內容抽離的其他內容 |
| <main> | 標示網頁的主要內容 |
幫助瀏覽器辨識網頁的區塊
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>可愛小網頁</title>
</head>
<body>
<header>
<h1>我的網頁</h1>
</header>
<nav>
<p>這裡是導覽列</p>
</nav>
<main>
<article>
<h2>關於我</h2>
<section>
<h3>自我介紹</h3>
<p>你好我很好</p>
</section>
<section>
<h3>自我介紹</h3>
<p>你好我很好</p>
</section>
</article>
<article>
<h2>關於你</h2>
<section>
<h3>介紹</h3>
<p>我好你不好</p>
</section>
<section>
<h3>介紹</h3>
<p>我好你不好</p>
</section>
</article>
</main>
<aside>
<p>側邊欄</p>
</aside>
<footer>© 我的網頁</footer>
</body>
</html>deck
By paige_lin
