前端 (Frontend) 是使用者在網頁上所能看到與操作的所有東西,它的核心技術由三部分組成:
1.HTML (HyperText Markup Language)
定義網頁的結構與內容。
2.CSS (Cascading Style Sheets)
用來描述網頁的外觀與樣式。
3.JavaScript (JS)
增加網頁的互動性。
第一個網頁
建立一個檔案 index.html:
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<title>Hello Sunny</title>
</head>
<body>
<h1>我是王恩恩</h1>
<p>這是我的第一個網頁 🎉</p>
</body>
</html>
打開瀏覽器,就能看到一個網頁。
這裡的 <!DOCTYPE html>
告訴瀏覽器這是一個 HTML5 文件。<head>
區塊放的是設定(像是標題、字元編碼),<body>
區塊才是會顯示給使用者看的內容。
這就是前端的第一步:用 HTML 建立內容,用瀏覽器打開檢視。