一、語言
教程：
https://www.runoob.com/
https://www.w3school.com.cn/tags/att_label_for.asp
1.HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>網站標題</title>
</head>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>
2.CSS
推薦：https://www.cnblogs.com/mangM/p/9682845.html
主要用到了HTML的style屬性、
class屬性和id屬性（id 和 class 選擇器）、
for屬性（for 屬性規定 label 與哪個表單元素綁定。）
2.1 內外樣式表對比
2.1.1 內部樣式表
直接用style屬性標籤內嵌於html中：
1.行間式#
<p> style="color:red;"</p>
2.內聯式#
<style>
p {
color:red
}
</style>
2.1.2 外部樣式表
這樣將html與樣式表有效分離，更易於編輯：
3.外聯式#
p {
width: 100px;
height: 100px;
background-color: red;
}
<head>
<link rel="stylesheet" type="text/css" href="css/zero.css" />
</head>
CSS 組合選擇符
CSS僞類
3.JavaScript
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<p id="demo">這裏將被顯示的日期替換</p> <!-- id是getElementById函數的依據 -->
<button type="button" onclick="displayDate()">顯示日期</button>
</body>
</html>
jQuery 是一個 JavaScript 庫，它極大地簡化了 JavaScript 編程。
4.php內嵌於HTML
由於PHP屬於腳本語言，很難直接定位函數定義處，
5.JSP內嵌於HTML
——以上代碼主要來源於菜鳥教程。
二、框架
1.前端框架Bootstrap
https://www.bootcss.com/
Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷。
2.PHP的CMS——wordpress、dedeCMS
wordpress：
https://cn.wordpress.org
織夢（dedeCMS）:
http://www.dedecms.com/
三、環境
一般來說，要配環境的都是動態網頁——
動態web中，程序依然使用客戶端和服務端，客戶端依然使用瀏覽器，通過網絡連接到服務器上，使用HTTP協議發起請求，現在的所有請求都先經過一個WEB Server來處理。
如果客戶端請求的是靜態資源，則將請求直接轉交給web服務器，之後web服務器從文件系統中取出內容，發送回客戶端瀏覽器進行解析；如果客戶端請求是動態資源，則先將請求轉交給web Container,在web Container 中連接數據庫，從數據庫中取出數據等一系列操作後動態拼湊頁面的展示內容，拼湊頁面的展示內容後，把所有的展示內容交給web服務器，之後通過web服務器將內容發送回客戶端瀏覽器進行解析執行。
在靜態web程序中，客戶端使用web瀏覽器經過網絡連接到服務器上，使用HTTP協議發起一個請求（Request)，告訴服務區我現在需要得到哪個頁面，所有的請求交給web服務器，之後web服務器根據用戶的需求，從文件系統（存放了所有靜態頁面的磁盤）取出內容。之後通過web服務器返回給客戶端，客戶端接收到內容之後經過瀏覽器渲染解析，得到顯示的效果。
爲了讓靜態web頁面顯示更加好看，使用javascript/VBScript/ajax.但是這些特效都是在客戶端上藉助於瀏覽器展現給用戶的，所以在服務器上本身並沒有任何的變化
（以上來自 https://www.cnblogs.com/CruxAustralis/p/11254360.html）
總結： 動態內容（諸如： .jsp、.asp/.aspx、.php）的內容需要服務器經過解析、執行數據庫等操作後再將處理後的網頁反饋給瀏覽器。
0.Apache
Apache是世界使用排名第一的Web服務器軟件。Apache取自“a patchy server”的讀音，意思是充滿補丁的服務器
1.php集成環境——wamp（web，Apache+Mysql+PHP）
PHP：全名爲Hypertext Preprocessor，中文名叫"超文本預處理器”，是一種通用開源腳本語言。
寫好的網頁要放在特定位置來解析，比如www文件夾裏的index.php，否則瀏覽器輸入localhost路徑後出現的就只有一個文件夾列表……或者就是403錯誤。
2.tomcat容器\servlet
JSP：全名爲Java Server Pages，中文名叫"java服務器頁面"，其根本是一個簡化的Servlet設計
四、工具
1.瀏覽器的開發模式f12
網絡：用來查找網絡資源加載時間
源：查找網絡資源
元素：方便改樣式表，（點擊左側指針按鈕可以定位元素和樣式表）