JS，CSS和HTML是網頁制作中最常用的三種技術，它們分別代表了網頁的結構、樣式和交互功能。下面我們來一一介紹。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>網頁標題</title> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="script.js"></script> </head> <body> <div id="header"></div> <div id="main"></div> <div id="footer"></div> </body> </html>
HTML（超文本標記語言）是網頁的基礎，它描述了網頁的結構和內容。以上是一個基本的HTML文件，其中包括了網頁的標題、樣式和腳本文件的引用，以及網頁的三個主要部分。這些部分可以通過HTML標簽來創建和定義，如<div>標簽定義頁面上的塊級元素。
#header {
height: 50px;
background-color: #333;
}
#main {
width: 80%;
height: 500px;
margin: 0 auto;
background-color: #fff;
}
#footer {
height: 50px;
background-color: #333;
}CSS（層疊樣式表）定義了網頁的樣式和布局。以上是一個簡單的樣式表，其中包括了網頁的頭部、主體和底部的樣式定義。這些定義可以通過選擇器來選擇網頁中的元素，如#header表示選擇id為header的元素，并對其應用樣式。
function showMsg() {
alert("Hello, World!");
}JS（JavaScript）是一種編程語言，可以為網頁添加交互功能。以上是一個簡單的JS函數，當網頁加載時，該函數會被執行，并彈出一個消息框。通過編寫JS代碼，可以實現網頁表單驗證、動畫效果、Ajax請求等豐富的交互功能。