🌐 HTML 模板介紹
在建立任何網頁之前，最基本的一步就是寫出一份 HTML 模板
這份模板提供了 最基本的結構，讓我們可以在上面加上 CSS 與 JavaScript，開始打造屬於自己的網頁。
📄 HTML 模板結構
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的第一個網頁</title>
<!-- 這裡可以放 CSS -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Hello，world！</h1>
<p>這是我的第一個 HTML 頁面。</p>
<!-- 這裡可以放 JavaScript -->
<script src="script.js"></script>
</body>
</html>
📝 各部分說明
- <!DOCTYPE html> : 告訴瀏覽器這是一份 HTML5 文件。
- <html lang="zh-Hant"> : 網頁的根標籤，lang="zh-Hant" 表示中文繁體。
- <head> ... </head> : 放置網頁資訊（不會顯示在畫面上）。例如：標題（<title>）、字元編碼（<meta charset>）、外部 CSS 樣式表。
- body> ... </body> : 網頁主要內容，使用者看到的文字、圖片、表格都寫在這裡。
- CSS 與 JavaScript : CSS 通常放在 <head> 中，用來美化樣式。JavaScript 通常放在 <body> 最下方，用來增加互動功能。
