html+css+js
1.url的組成：協議，域名， 路徑
2.html的概念
HTML就是一種超文本標記語言，也就是說能夠支持除文本外的其餘類型的文件， 例如：視頻，圖片， 音樂，也是一種標記語言javascript
3.網頁的基本組成：
HTML做爲基礎css
css用來對網頁進行渲染和佈局html
JavaScript實現網頁動態畫面的效果java
4.html文檔樹形結構圖
根元素html元素api
|數組
head元素 body元素瀏覽器
| | 緩存
meta元素 title元素 div元素 p元素安全
5.什麼是標籤:
1.標籤是由一對尖括號包裹的單詞構成， 例如：<html> 注意：全部的標籤中的單詞不能以數字開頭服務器
2.標籤不區分大小寫，<html>和<HTML>的功能是同樣的
3.標籤有兩個部分：開始標籤<html>和結束標籤</html>，兩個標籤以前的部分咱們稱爲標籤體
4.有些標籤的功能比較簡單，因此咱們使用一個標籤便可，這種標籤的自閉和標籤，例如：<br/><hr/><input/><meta/><img/>
5.標籤能夠嵌套，可是不能交叉的嵌套，也就是說一個標籤的開始標籤和結束標籤都必須在一個子標籤中
6.標籤的屬性
1.標籤的屬性是以鍵值對的形式出現的，例如： name='alex'
2.屬性只能出如今開始標籤和自閉合標籤中
3.屬性名字所有都是小寫的，屬性值必須使用雙引號或者單引號包裹
4.若是屬性值和屬性名徹底同樣，直接寫屬性名便可， 例如：readonly
7.標籤分爲兩類：
1.塊級標籤的特色：（block）
*老是在新行上開始
*高度，行高以及外邊距均可控制
*寬度缺省，是他的容器的100%，除非設定一個寬度
*他能夠容納內聯標籤和其餘塊標籤
2.內聯標籤的特色：（in-line）
*和其餘標籤在同一行上
*高度，行高和外邊距內邊距都不可變
*寬度，它的文字或者圖片的寬度，不可改變
*內聯標籤只能容納文本或者其餘內聯標籤
8.經常使用的標籤
1.<!DOCTYPE html> 標籤
瀏覽器的運行模式
分爲兩種模式
怪異模式：Backcompat
標準模式：css1compat
2.html標籤
3.head標籤
1.meta標籤
meta標籤有兩個屬性：
1.name屬性主要用於描述網頁，與之對應的屬性值爲content，content中的內容主要是便於控制搜索引擎機器人查找信息，和分類信息用的
name屬性：1.<meta name="keywords" content="......"> # 指定能夠搜索的關鍵詞
2.<meta name="description" content=" ....."> # 對網頁的大概描述
2.http-equv屬性：顧名思義，至關於http的文件頭的做用，他能夠向瀏覽器傳回一些有用的信息，以幫助正確和精確顯示網頁內容，與之對應的屬性值爲content，
content中的內容其實就是各個參數的變量值
http-equiv屬性：1.<meta http-equiv="Refesh" content="num; url=..."> # 實現對網頁指定時間刷新網頁而且能夠跳轉網頁
2.<meta http-equiv="content-type" charset="utf8"> # 指定編碼格式
3.<meta http-equiv>
2.非meta標籤
1.<title>標籤
2.<link>標籤 rel屬性，屬性值爲icon設置網址小圖標
4.body標籤
1.<div>標籤: 主要是和css配合在一塊使用，對網頁進行自定義的佈局和渲染
2.<p>標籤: 有隔行顯示的功能
3.<br/>標籤：換行的做用
4.<hr/>標籤：顯示分割線
5.<b>標籤：加粗文本
6.<em>標籤：加斜文本
7.<strong>標籤：加粗文本
8.<strike>標籤：在文本上加上刪除線
9.<del>標籤：和<strike>一樣的功能，推薦使用
10.<sup>標籤：上角標
11.<sub>標籤：下角標
12.<img>標籤：實現插入圖片，scr屬性，width(寬)屬性，height（長）屬性，alt屬性，title屬性
13.<a>標籤：實現可實現超連接，錨（能夠指定跳轉內容），href屬性
14.<input>標籤：
屬性：type：屬性值：
1.text 輸入文本框
2.password 輸入密碼框，不顯示輸入內容
3.CheckBox 多選框
4.radio 單選框
5.submit 提交按鈕
6.button 提交按鈕 ，配合js觸發事件使用
7.file 提交文件
8.reset 重置用戶的輸入
15.<from>表單標籤：
屬性：method：屬性值：get， post
選擇上傳數據的上傳方式
屬性：action：
屬性值是發送數據接收端的url
16.<select>標籤
9.hn的具體大小
h1 = 32px
h2 = 24px
h3 = 18.72px
h4 = 16px
h5 = 13.28px
h6 = 12px
十、提交方式
1.get提交方式：
*提交的是鍵值對，放在地址欄中url後面
*安全性較差
*對提交的內容長度上是有限制的
2.post提交方式：
*提交的鍵值對不在地址欄中
*安全性相對較好
*對提交內容的長度理論上是沒有限制的
十一、常見的狀態碼
1.200：請求成功，瀏覽器會把響應體內容（一般是HTML文件）顯示在瀏覽器中
2.404：請求的資源沒有找到，說明客戶端請求了不存在的資源
3.500：請求資源找到了，可是服務器內部出現了錯誤
4.302：重定向，當響應碼爲302時，表示服務器要求瀏覽器從新再發一個請求，服務器會發送一個響應頭location，他規定了新請求的url地址
注意：url：全稱是統一資源定位符，就是一個網址，格式爲：協議名：// 域名：端口 / 路徑
十二、css概述
css是casconding style sheets的簡稱，中文稱爲層疊樣式表，用來控制網頁數據的表現，可使網頁的表現和數據內容分離
1三、css的四種引入方式
1.行內式：行內式是在標記style屬性中設定css樣式
<div style="color: red ; background: black ; font-size: 50px">hello world</div> <!-- css引入方式之行內式-->
2.嵌入式：
<head> <style> div{ <!-- 嵌入式--> color: red; background: yellow; font-size: 50px; } </style> </head> <body> <div>hello world</div> </body>
3.連接式
css文件 /*連接式*/ div{ color: red; background: yellow; font-size: 50px; } <head> <link type="text/css" rel="stylesheet" href="css_test.css"> </head>>
4.導入式
css文件 /*導入式*/ div{ color: red; background: yellow; font-size: 50px; } <head> <style> @import "css_test.css"; </style> </head>
1四、css選擇器
1.基礎選擇器
1.通用選擇器：能找到全部的標籤 符號：*
2.標籤選擇器：找到指定的標籤 符號：標籤名稱（例如div ， p）
3.class選擇器：經過class屬性查找 符號： .（句號）
4.id選擇器： 經過id屬性查找 符號： #
2.組合選擇器
1.後代選擇器：找到某個標籤下的全部標籤 符號：父類標籤 全部的後代標籤 （中間使用空格分開）
2.子代選擇器：只能找到某個標籤的子代標籤 符號：父類標籤>子代標籤 （中間使用大於號）
3.並行選擇器：能找到多個指定的標籤 符號：，（逗號）
4.毗鄰選擇器：能找到某個標籤的緊接着下面一個的標籤 符號：+（加號）
3.屬性選擇器
符號：【】 配合查找
注意：1.屬性和屬性值是能夠自定義的
2.一個屬性能夠有多個屬性值
4.僞類選擇器
經過僞類能夠增長一些特效
使用格式：標籤名：功能名{屬性：屬性值}
經常使用功能：
1.link： 控制連接時的顯示
2.hover：控制懸浮時的顯示
3.active ：控制觸動時的顯示
4.visited：控制操做後的顯示
5.before：在線向文本中的前面添加內容
6.after： 在線向文本中的後面添加內容
15.文本屬性
font-size： 設置文本字體大小
font-style： 設置文本字體風格
font-family： 設置文本字體風格
text-align： 設置字體的居中
text-transform: capitalize 設置文本的首字母大寫
letter-spacing： 設置字母之間的間隔像素
word-spacing： 設置單詞之間的間隔像素
16.背景屬性
height： 背景長度
width： 背景寬度
background-color： 設置背景填充顏色
background-image ： 插入背景圖片
background-size： 設置插入圖片的大小
background-repeat： 設置圖片的佈局方式
background-position： 設置圖片的擺放位置
17.文檔流
1.正常文檔流
將元素(標籤), 在進行排版全部的時候按照,從上到下,從左到右的順序排版的一個佈局流
2.脫離文檔流
將元素從文檔流中取出,進行覆蓋,其餘元素會按照文檔流中不存在該元素從新佈局
1.float (浮動標籤) (非徹底脫離) (文本未脫離)
left:向左浮動
right:向右浮動
clear(屬性名):清除浮動的關鍵字
none:默認值容許兩邊均可以有浮動對象
left:不容許左邊有浮動對象
right:不容許右邊有浮動對象
both:兩邊都不容許有浮動對象
2.position(屬性名)
relative:根據本身自己原來的位置進行像素移動
absolute:首先由自身一次向父代尋找,父代們的position的值若是爲非static,則根據父代的位置進行像素移動,若是爲static就根據瀏覽器的位置進行像素移動
fixed:脫離文檔流,只能相對瀏覽器頁面進行位置設置
static:默認值,無特殊定位,對象遵循正常文檔流
16.javascript
1.基本數據類型
1.number:整數和浮點數
2.字符串:(string)
3.布爾值:(Boolean):用於條件判斷
4.undefined:只有一個值就是undefined,若是聲明瞭某個變量,可是未對他進行賦值,則該變量是undefined類型
5.null:佔一個對象的位置也就是至關於一個空的對象
2.一些基本知識
1.parseint() 強制轉換數據類型
2.NAN:當字符串轉換成int類型的時候,可是轉換失敗的時候就會出現nan,nan屬於number類型
3.alert:在網頁上以彈窗的方式打印內容
4.若是nan數據是出如今一個表達式中那麼他運算的結果就必定是False
5.typeof(): 至關於Python中的type方法,用於查詢變量的數據類型
6.tostring():把其餘的數據類型轉換成字符串類型
17.string(字符串)對象的屬性
1. string.touppercase() 小寫轉大寫
2. string.tolowercase() 大寫轉小寫
3. string.charAT() 參數是字符在字符串中的索引值,能夠拿出指定的字符
4. string.charcodeAT() 參數是字符在字符串中的索引,可是拿出的是指定字符的ascll值
5. string.search() 參數是一個指定的字符,返回值是第一個匹配結果的索引值
6. string.match() 參數是一個指定的字符,返回值是一個數組,將全部匹配到的結果放進一個數組中
7.string.replace() 參數有兩個,一個是被替換值,一個是替換值
8. string.split() 參數是一個分隔符,實現對字符串切片的功能,將切片後的字符串放進一個數組
9. string.concat() 參數是一個字符串,實現將兩個字符串進行拼接
10. string.substr() 有兩個參數,一個是截取字符串的起始位置,一個是截取的長度,實現對字符串的截取
11. string.substring() 有兩個參數,一個是截取字符串的起始位置,一個是截取的結束位置,可是截取內容不包括結束位置
12.string.slice() 有兩個參數,一個起始位置,一個結束位置,可是結束位置上能夠爲負數,也就是說能夠經過反向索引來取值
18.網頁返回狀態碼及其詳解
狀態碼 含義
100 客戶端應當繼續發送請求。這個臨時響應是用來通知客戶端它的部分請求已經被服務器接收，且仍未被拒絕。客戶端應當繼續發送請求的剩餘部分，或者若是請求已經完成，忽略這個響應。服務器必須在請求完成後向客戶端發送一個最終響應。
101 服務器已經理解了客戶端的請求，並將經過Upgrade 消息頭通知客戶端採用不一樣的協議來完成這個請求。在發送完這個響應最後的空行後，服務器將會切換到在Upgrade 消息頭中定義的那些協議。 只有在切換新的協議更有好處的時候才應該採起相似措施。例如，切換到新的HTTP 版本比舊版本更有優點，或者切換到一個實時且同步的協議以傳送利用此類特性的資源。
102 由WebDAV（RFC 2518）擴展的狀態碼，表明處理將被繼續執行。
200 請求已成功，請求所但願的響應頭或數據體將隨此響應返回。
201 請求已經被實現，並且有一個新的資源已經依據請求的須要而創建，且其 URI 已經隨Location 頭信息返回。假如須要的資源沒法及時創建的話，應當返回 '202 Accepted'。
202 服務器已接受請求，但還沒有處理。正如它可能被拒絕同樣，最終該請求可能會也可能不會被執行。在異步操做的場合下，沒有比發送這個狀態碼更方便的作法了。 返回202狀態碼的響應的目的是容許服務器接受其餘過程的請求（例如某個天天只執行一次的基於批處理的操做），而沒必要讓客戶端一直保持與服務器的鏈接直到批處理操做所有完成。在接受請求處理並返回202狀態碼的響應應當在返回的實體中包含一些指示處理當前狀態的信息，以及指向處理狀態監視器或狀態預測的指針，以便用戶可以估計操做是否已經完成。
203 服務器已成功處理了請求，但返回的實體頭部元信息不是在原始服務器上有效的肯定集合，而是來自本地或者第三方的拷貝。當前的信息多是原始版本的子集或者超集。例如，包含資源的元數據可能致使原始服務器知道元信息的超級。使用此狀態碼不是必須的，並且只有在響應不使用此狀態碼便會返回200 OK的狀況下才是合適的。
204 服務器成功處理了請求，但不須要返回任何實體內容，而且但願返回更新了的元信息。響應可能經過實體頭部的形式，返回新的或更新後的元信息。若是存在這些頭部信息，則應當與所請求的變量相呼應。 若是客戶端是瀏覽器的話，那麼用戶瀏覽器應保留髮送了該請求的頁面，而不產生任何文檔視圖上的變化，即便按照規範新的或更新後的元信息應當被應用到用戶瀏覽器活動視圖中的文檔。 因爲204響應被禁止包含任何消息體，所以它始終以消息頭後的第一個空行結尾。
205 服務器成功處理了請求，且沒有返回任何內容。可是與204響應不一樣，返回此狀態碼的響應要求請求者重置文檔視圖。該響應主要是被用於接受用戶輸入後，當即重置表單，以便用戶可以輕鬆地開始另外一次輸入。 與204響應同樣，該響應也被禁止包含任何消息體，且以消息頭後的第一個空行結束。
206 服務器已經成功處理了部分 GET 請求。相似於 FlashGet 或者迅雷這類的 HTTP 下載工具都是使用此類響應實現斷點續傳或者將一個大文檔分解爲多個下載段同時下載。 該請求必須包含 Range 頭信息來指示客戶端但願獲得的內容範圍，而且可能包含 If-Range 來做爲請求條件。 響應必須包含以下的頭部域： Content-Range 用以指示本次響應中返回的內容的範圍；若是是 Content-Type 爲 multipart/byteranges 的多段下載，則每一 multipart 段中都應包含 Content-Range 域用以指示本段的內容範圍。假如響應中包含 Content-Length，那麼它的數值必須匹配它返回的內容範圍的真實字節數。 Date ETag 和/或 Content-Location，假如一樣的請求本應該返回200響應。 Expires, Cache-Control，和/或 Vary，假如其值可能與以前相同變量的其餘響應對應的值不一樣的話。 假如本響應請求使用了 If-Range 強緩存驗證，那麼本次響應不該該包含其餘實體頭；假如本響應的請求使用了 If-Range 弱緩存驗證，那麼本次響應禁止包含其餘實體頭；這避免了緩存的實體內容和更新了的實體頭信息之間的不一致。不然，本響應就應當包含全部本應該返回200響應中應當返回的全部實體頭部域。 假如 ETag 或 Last-Modified 頭部不能精確匹配的話，則客戶端緩存應禁止將206響應返回的內容與以前任何緩存過的內容組合在一塊兒。 任何不支持 Range 以及 Content-Range 頭的緩存都禁止緩存206響應返回的內容。
207 由WebDAV(RFC 2518)擴展的狀態碼，表明以後的消息體將是一個XML消息，而且可能依照以前子請求數量的不一樣，包含一系列獨立的響應代碼。
300 被請求的資源有一系列可供選擇的回饋信息，每一個都有本身特定的地址和瀏覽器驅動的商議信息。用戶或瀏覽器可以自行選擇一個首選的地址進行重定向。 除非這是一個 HEAD 請求，不然該響應應當包括一個資源特性及地址的列表的實體，以便用戶或瀏覽器從中選擇最合適的重定向地址。這個實體的格式由 Content-Type 定義的格式所決定。瀏覽器可能根據響應的格式以及瀏覽器自身能力，自動做出最合適的選擇。固然，RFC 2616規範並無規定這樣的自動選擇該如何進行。 若是服務器自己已經有了首選的回饋選擇，那麼在 Location 中應當指明這個回饋的 URI；瀏覽器可能會將這個 Location 值做爲自動重定向的地址。此外，除非額外指定，不然這個響應也是可緩存的。
301 被請求的資源已永久移動到新位置，而且未來任何對此資源的引用都應該使用本響應返回的若干個 URI 之一。若是可能，擁有連接編輯功能的客戶端應當自動把請求的地址修改成從服務器反饋回來的地址。除非額外指定，不然這個響應也是可緩存的。 新的永久性的 URI 應當在響應的 Location 域中返回。除非這是一個 HEAD 請求，不然響應的實體中應當包含指向新的 URI 的超連接及簡短說明。 若是這不是一個 GET 或者 HEAD 請求，所以瀏覽器禁止自動進行重定向，除非獲得用戶的確認，由於請求的條件可能所以發生變化。 注意：對於某些使用 HTTP/1.0 協議的瀏覽器，當它們發送的 POST 請求獲得了一個301響應的話，接下來的重定向請求將會變成 GET 方式。
302 請求的資源如今臨時從不一樣的 URI 響應請求。因爲這樣的重定向是臨時的，客戶端應當繼續向原有地址發送之後的請求。只有在Cache-Control或Expires中進行了指定的狀況下，這個響應纔是可緩存的。 新的臨時性的 URI 應當在響應的 Location 域中返回。除非這是一個 HEAD 請求，不然響應的實體中應當包含指向新的 URI 的超連接及簡短說明。 若是這不是一個 GET 或者 HEAD 請求，那麼瀏覽器禁止自動進行重定向，除非獲得用戶的確認，由於請求的條件可能所以發生變化。 注意：雖然RFC 1945和RFC 2068規範不容許客戶端在重定向時改變請求的方法，可是不少現存的瀏覽器將302響應視做爲303響應，而且使用 GET 方式訪問在 Location 中規定的 URI，而無視原先請求的方法。狀態碼303和307被添加了進來，用以明確服務器期待客戶端進行何種反應。
303 對應當前請求的響應能夠在另外一個 URI 上被找到，並且客戶端應當採用 GET 的方式訪問那個資源。這個方法的存在主要是爲了容許由腳本激活的POST請求輸出重定向到一個新的資源。這個新的 URI 不是原始資源的替代引用。同時，303響應禁止被緩存。固然，第二個請求（重定向）可能被緩存。 新的 URI 應當在響應的 Location 域中返回。除非這是一個 HEAD 請求，不然響應的實體中應當包含指向新的 URI 的超連接及簡短說明。 注意：許多 HTTP/1.1 版之前的 瀏覽器不能正確理解303狀態。若是須要考慮與這些瀏覽器之間的互動，302狀態碼應該能夠勝任，由於大多數的瀏覽器處理302響應時的方式偏偏就是上述規範要求客戶端處理303響應時應當作的。
304 若是客戶端發送了一個帶條件的 GET 請求且該請求已被容許，而文檔的內容（自上次訪問以來或者根據請求的條件）並無改變，則服務器應當返回這個狀態碼。304響應禁止包含消息體，所以始終以消息頭後的第一個空行結尾。 該響應必須包含如下的頭信息： Date，除非這個服務器沒有時鐘。假如沒有時鐘的服務器也遵照這些規則，那麼代理服務器以及客戶端能夠自行將 Date 字段添加到接收到的響應頭中去（正如RFC 2068中規定的同樣），緩存機制將會正常工做。 ETag 和/或 Content-Location，假如一樣的請求本應返回200響應。 Expires, Cache-Control，和/或Vary，假如其值可能與以前相同變量的其餘響應對應的值不一樣的話。 假如本響應請求使用了強緩存驗證，那麼本次響應不該該包含其餘實體頭；不然（例如，某個帶條件的 GET 請求使用了弱緩存驗證），本次響應禁止包含其餘實體頭；這避免了緩存了的實體內容和更新了的實體頭信息之間的不一致。 假如某個304響應指明瞭當前某個實體沒有緩存，那麼緩存系統必須忽視這個響應，而且重複發送不包含限制條件的請求。 假如接收到一個要求更新某個緩存條目的304響應，那麼緩存系統必須更新整個條目以反映全部在響應中被更新的字段的值。
305 被請求的資源必須經過指定的代理才能被訪問。Location 域中將給出指定的代理所在的 URI 信息，接收者須要重複發送一個單獨的請求，經過這個代理才能訪問相應資源。只有原始服務器才能創建305響應。 注意：RFC 2068中沒有明確305響應是爲了重定向一個單獨的請求，並且只能被原始服務器創建。忽視這些限制可能致使嚴重的安全後果。
306 在最新版的規範中，306狀態碼已經再也不被使用。
307 請求的資源如今臨時從不一樣的URI 響應請求。因爲這樣的重定向是臨時的，客戶端應當繼續向原有地址發送之後的請求。只有在Cache-Control或Expires中進行了指定的狀況下，這個響應纔是可緩存的。 新的臨時性的URI 應當在響應的 Location 域中返回。除非這是一個HEAD 請求，不然響應的實體中應當包含指向新的URI 的超連接及簡短說明。由於部分瀏覽器不能識別307響應，所以須要添加上述必要信息以便用戶可以理解並向新的 URI 發出訪問請求。 若是這不是一個GET 或者 HEAD 請求，那麼瀏覽器禁止自動進行重定向，除非獲得用戶的確認，由於請求的條件可能所以發生變化。
400 一、語義有誤，當前請求沒法被服務器理解。除非進行修改，不然客戶端不該該重複提交這個請求。 二、請求參數有誤。
401 當前請求須要用戶驗證。該響應必須包含一個適用於被請求資源的 WWW-Authenticate 信息頭用以詢問用戶信息。客戶端能夠重複提交一個包含恰當的 Authorization 頭信息的請求。若是當前請求已經包含了 Authorization 證書，那麼401響應表明着服務器驗證已經拒絕了那些證書。若是401響應包含了與前一個響應相同的身份驗證詢問，且瀏覽器已經至少嘗試了一次驗證，那麼瀏覽器應當向用戶展現響應中包含的實體信息，由於這個實體信息中可能包含了相關診斷信息。參見RFC 2617。
402 該狀態碼是爲了未來可能的需求而預留的。
403 服務器已經理解請求，可是拒絕執行它。與401響應不一樣的是，身份驗證並不能提供任何幫助，並且這個請求也不該該被重複提交。若是這不是一個 HEAD 請求，並且服務器但願可以講清楚爲什麼請求不能被執行，那麼就應該在實體內描述拒絕的緣由。固然服務器也能夠返回一個404響應，假如它不但願讓客戶端得到任何信息。
404 請求失敗，請求所但願獲得的資源未被在服務器上發現。沒有信息可以告訴用戶這個情況究竟是暫時的仍是永久的。假如服務器知道狀況的話，應當使用410狀態碼來告知舊資源由於某些內部的配置機制問題，已經永久的不可用，並且沒有任何能夠跳轉的地址。404這個狀態碼被普遍應用於當服務器不想揭示到底爲什麼請求被拒絕或者沒有其餘適合的響應可用的狀況下。
405 請求行中指定的請求方法不能被用於請求相應的資源。該響應必須返回一個Allow 頭信息用以表示出當前資源可以接受的請求方法的列表。 鑑於 PUT，DELETE 方法會對服務器上的資源進行寫操做，於是絕大部分的網頁服務器都不支持或者在默認配置下不容許上述請求方法，對於此類請求均會返回405錯誤。
406 請求的資源的內容特性沒法知足請求頭中的條件，於是沒法生成響應實體。 除非這是一個 HEAD 請求，不然該響應就應當返回一個包含可讓用戶或者瀏覽器從中選擇最合適的實體特性以及地址列表的實體。實體的格式由 Content-Type 頭中定義的媒體類型決定。瀏覽器能夠根據格式及自身能力自行做出最佳選擇。可是，規範中並無定義任何做出此類自動選擇的標準。
407 與401響應相似，只不過客戶端必須在代理服務器上進行身份驗證。代理服務器必須返回一個 Proxy-Authenticate 用以進行身份詢問。客戶端能夠返回一個 Proxy-Authorization 信息頭用以驗證。參見RFC 2617。
408 請求超時。客戶端沒有在服務器預備等待的時間內完成一個請求的發送。客戶端能夠隨時再次提交這一請求而無需進行任何更改。
409 因爲和被請求的資源的當前狀態之間存在衝突，請求沒法完成。這個代碼只容許用在這樣的狀況下才能被使用：用戶被認爲可以解決衝突，而且會從新提交新的請求。該響應應當包含足夠的信息以便用戶發現衝突的源頭。 衝突一般發生於對 PUT 請求的處理中。例如，在採用版本檢查的環境下，某次 PUT 提交的對特定資源的修改請求所附帶的版本信息與以前的某個（第三方）請求向衝突，那麼此時服務器就應該返回一個409錯誤，告知用戶請求沒法完成。此時，響應實體中極可能會包含兩個衝突版本之間的差別比較，以便用戶從新提交歸併之後的新版本。
410 被請求的資源在服務器上已經再也不可用，並且沒有任何已知的轉發地址。這樣的情況應當被認爲是永久性的。若是可能，擁有連接編輯功能的客戶端應當在得到用戶許可後刪除全部指向這個地址的引用。若是服務器不知道或者沒法肯定這個情況是不是永久的，那麼就應該使用404狀態碼。除非額外說明，不然這個響應是可緩存的。 410響應的目的主要是幫助網站管理員維護網站，通知用戶該資源已經再也不可用，而且服務器擁有者但願全部指向這個資源的遠端鏈接也被刪除。這類事件在限時、增值服務中很廣泛。一樣，410響應也被用於通知客戶端在當前服務器站點上，本來屬於某個我的的資源已經再也不可用。固然，是否須要把全部永久不可用的資源標記爲'410 Gone'，以及是否須要保持此標記多長時間，徹底取決於服務器擁有者。
411 服務器拒絕在沒有定義 Content-Length 頭的狀況下接受請求。在添加了代表請求消息體長度的有效 Content-Length 頭以後，客戶端能夠再次提交該請求。
412 服務器在驗證在請求的頭字段中給出先決條件時，沒能知足其中的一個或多個。這個狀態碼容許客戶端在獲取資源時在請求的元信息（請求頭字段數據）中設置先決條件，以此避免該請求方法被應用到其但願的內容之外的資源上。
413 服務器拒絕處理當前請求，由於該請求提交的實體數據大小超過了服務器願意或者可以處理的範圍。此種狀況下，服務器能夠關閉鏈接以避免客戶端繼續發送此請求。 若是這個情況是臨時的，服務器應當返回一個 Retry-After 的響應頭，以告知客戶端能夠在多少時間之後從新嘗試。
414 請求的URI 長度超過了服務器可以解釋的長度，所以服務器拒絕對該請求提供服務。這比較少見，一般的狀況包括： 本應使用POST方法的表單提交變成了GET方法，致使查詢字符串（Query String）過長。 重定向URI 「黑洞」，例如每次重定向把舊的 URI 做爲新的 URI 的一部分，致使在若干次重定向後 URI 超長。 客戶端正在嘗試利用某些服務器中存在的安全漏洞攻擊服務器。這類服務器使用固定長度的緩衝讀取或操做請求的 URI，當 GET 後的參數超過某個數值後，可能會產生緩衝區溢出，致使任意代碼被執行[1]。沒有此類漏洞的服務器，應當返回414狀態碼。
415 對於當前請求的方法和所請求的資源，請求中提交的實體並非服務器中所支持的格式，所以請求被拒絕。
416 若是請求中包含了 Range 請求頭，而且 Range 中指定的任何數據範圍都與當前資源的可用範圍不重合，同時請求中又沒有定義 If-Range 請求頭，那麼服務器就應當返回416狀態碼。 假如 Range 使用的是字節範圍，那麼這種狀況就是指請求指定的全部數據範圍的首字節位置都超過了當前資源的長度。服務器也應當在返回416狀態碼的同時，包含一個 Content-Range 實體頭，用以指明當前資源的長度。這個響應也被禁止使用 multipart/byteranges 做爲其 Content-Type。
417 在請求頭 Expect 中指定的預期內容沒法被服務器知足，或者這個服務器是一個代理服務器，它有明顯的證據證實在當前路由的下一個節點上，Expect 的內容沒法被知足。
421 從當前客戶端所在的IP地址到服務器的鏈接數超過了服務器許可的最大範圍。一般，這裏的IP地址指的是從服務器上看到的客戶端地址（好比用戶的網關或者代理服務器地址）。在這種狀況下，鏈接數的計算可能涉及到不止一個終端用戶。
422 從當前客戶端所在的IP地址到服務器的鏈接數超過了服務器許可的最大範圍。一般，這裏的IP地址指的是從服務器上看到的客戶端地址（好比用戶的網關或者代理服務器地址）。在這種狀況下，鏈接數的計算可能涉及到不止一個終端用戶。
422 請求格式正確，可是因爲含有語義錯誤，沒法響應。（RFC 4918 WebDAV）423 Locked 當前資源被鎖定。（RFC 4918 WebDAV）
424 因爲以前的某個請求發生的錯誤，致使當前請求失敗，例如 PROPPATCH。（RFC 4918 WebDAV）
425 在WebDav Advanced Collections 草案中定義，可是未出如今《WebDAV 順序集協議》（RFC 3658）中。
426 客戶端應當切換到TLS/1.0。（RFC 2817）
449 由微軟擴展，表明請求應當在執行完適當的操做後進行重試。
500 服務器遇到了一個不曾預料的情況，致使了它沒法完成對請求的處理。通常來講，這個問題都會在服務器的程序碼出錯時出現。
501 服務器不支持當前請求所須要的某個功能。當服務器沒法識別請求的方法，而且沒法支持其對任何資源的請求。
502 做爲網關或者代理工做的服務器嘗試執行請求時，從上游服務器接收到無效的響應。
503 因爲臨時的服務器維護或者過載，服務器當前沒法處理請求。這個情況是臨時的，而且將在一段時間之後恢復。若是可以預計延遲時間，那麼響應中能夠包含一個 Retry-After 頭用以標明這個延遲時間。若是沒有給出這個 Retry-After 信息，那麼客戶端應當以處理500響應的方式處理它。 注意：503狀態碼的存在並不意味着服務器在過載的時候必須使用它。某些服務器只不過是但願拒絕客戶端的鏈接。
504 做爲網關或者代理工做的服務器嘗試執行請求時，未能及時從上游服務器（URI標識出的服務器，例如HTTP、FTP、LDAP）或者輔助服務器（例如DNS）收到響應。 注意：某些代理服務器在DNS查詢超時時會返回400或者500錯誤
505 服務器不支持，或者拒絕支持在請求中使用的 HTTP 版本。這暗示着服務器不能或不肯使用與客戶端相同的版本。響應中應當包含一個描述了爲什麼版本不被支持以及服務器支持哪些協議的實體。
506 由《透明內容協商協議》（RFC 2295）擴展，表明服務器存在內部配置錯誤：被請求的協商變元資源被配置爲在透明內容協商中使用本身，所以在一個協商處理中不是一個合適的重點。
507 服務器沒法存儲完成請求所必須的內容。這個情況被認爲是臨時的。WebDAV (RFC 4918)
509 服務器達到帶寬限制。這不是一個官方的狀態碼，可是仍被普遍使用。
510 獲取資源所須要的策略並無沒知足。（RFC 2774）
代碼練習部分
代碼示例1.
使用meta部分屬性，name部分屬性，link部分屬性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf8"> <!--設置編碼格式 --> <meta name="keywords" content="hello world i love product"> <!-- 和網頁匹配的關鍵詞--> <meta name="description" content="hello world"> <!-- 對網頁的大概描述 --> <meta http-equiv="refresh" content="2; url='http://www.baidu.com'"> <!--定時刷新網頁，而且能夠跳轉指定網頁 --> <link rel="icon" href="2.ico"> <!-- 更改網頁連接小圖標--> </head>> <body> <h1>hello world</h1>> <!--網頁上實時顯示的內容 --> </body>> </html>>
代碼示例2.
經常使用的修飾標籤
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>xxx</title> <style> div{ <!-- 控制body中某個標籤的渲染和佈局 --> color: #9c9c9c; font: 100px; } </style>> </head> <body> <div style="color: #71a403;">hello world</div>> <!--嵌入css控制字體 --> <h1>hello world</h1> hello <br>world <!--換行標籤 --> <div>hello world</div> <!-- 塊級標籤--> hello world <b>hello world</b> <!-- 加粗--> <em>hello world</em> <!--變斜 --> <del>hello world</del> <!-- 加劃線 推薦使用--> <strike>hello world</strike> <!-- 加劃線--> <p>hello world</p> <!--換行和隔行的做用--> 2<sup>3</sup> <br> <!--上角標 --> 2<sub>3</sub> <!--下角標 --> </body> </html>
示例代碼3.
input標籤的使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>$Title$</title> </head> <body> <from> <p>帳戶：<input type="text" name="usernane"></p> <p>密碼：<input type="password" name="passwd"></p> <p>愛好：籃球<input type="checkbox" name="hobby" value="basketball"></p> <!-- 複選框--> <p> 足球<input type="checkbox" name="hobby" value="football"></p> <p>性別：男<input type="radio" name="sex" value="man"></p> <!-- 單選框--> <p> 女<input type="radio" name="sex" value="wonmen"></p> <p><input type="file"></p> <!-- 提交文件--> <p><input type="submit" name="submit" value=""></p> <!--提交按鈕 --> <p><input type="reset" value="重寫"></p> <!-- 重置輸入內容--> </from> </body> </html>
運行結果
示例代碼4
背景圖片的設置
<!-- HTML文件 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf8"> <title>css_test</title> <link type="text/css" rel="stylesheet" href="css_test.css"> </head> <body> <div id="div1">hello word alex is a good man</div> <!-- 須要渲染的文本內容 --> <a href="http://www.baidu.com">百度</a> </body> </html> /*css文件*/ div{ height: 600px; /* 背景大小 */ background-color: pink; /* 設置網頁背景填充色爲pink */ font-size: 25px; /* 文本大小 */ font-style: inherit; /* 文本字體類型 */ letter-spacing: 5px; /* 字母之間的間隔 */ word-spacing: 10px; /* 單詞之間的間隔像素 */ line-height: 590px; /* 文本的行高設置 */ text-transform: capitalize; /* 實現文本首字母大寫 */ text-align: center; /* 文本位置設置爲居中 */ background-image: url("22.jpg"); /* 將圖片插入背景 */ background-repeat: no-repeat; /* 對插入圖片的佈局設置 */ background-size: 1363px 796px; /* 插入的圖片的大小設置，默認爲auto */ }
示例代碼5
用js寫一個簡單的不定長變量的加法
<!DOCTYPE html> <html> <head> <title>test</title> <meta charset="utf8"> </head> <body> <script> function add(num) { alert(arguments); var sum = 0; console.log(arguments); for (var i in arguments){ sum = sum + arguments[i]; } return sum; } var res = add(1,2,3,4,5,6,7); alert(res) </script> </body> </html>
-
每一个你不满意的现在，都有一个你没有努力的曾经。