域名解析域名 --> ip地址 -- 192.168.1.10https://192.168.1.10:80 --> www.jd.com --> dns解析 {'www.jd.com':'192.168.1.10',}https默認(rèn)端口是80url是統(tǒng)一資源定位器(uniform resource locator)的縮寫，也被稱為網(wǎng)頁地址，是因特網(wǎng)上標(biāo)準(zhǔn)的資源的地址。url舉例http://www.sohu.com/stu/intro/1.htmlhttp://222.172.123.33/stu/intro/1.htmlurl地址由4部分組成第1部分：為協(xié)議：http://、ftp://等 第2部分：為站點(diǎn)地址：可以是域名或ip地址第3部分：為頁面在站點(diǎn)中的目錄：stu第4部分：為頁面名稱，例如 index/1.html各部分之間用“/”符號(hào)隔開。請(qǐng)求和響應(yīng)請(qǐng)求:瀏覽器socket客戶端給服務(wù)端發(fā)信息響應(yīng):服務(wù)端socket給客戶端回息import socketserver = socket.socket()server.bind(('192.168.43.127',80))server.listen()while 1: conn, addr = server.accept() from_browser_msg = conn.recv(1024).decode('utf-8') #請(qǐng)求 print(from_browser_msg) conn.send(b'http/1.1 200 ok\r\n\r\n') #響應(yīng)格式必須和請(qǐng)求格式一致 # conn.send(b'hello') conn.send(b'sao welcome to hongkong') with open('111/1.html','rb') as f: data = f.read() conn.send(data) conn.close()htmlhtml標(biāo)簽:超文本標(biāo)記語言,就是標(biāo)記用的.必須是封閉的，有自封閉的如：有全封閉：標(biāo)簽屬性 id='xx' asdfasfd='xxx' lang屬性 的值是‘en’標(biāo)簽的語法：內(nèi)容部分有些屬性是沒有特殊的效果的，而有些屬性是有效果的，比如 s='name'是沒什么效果的。標(biāo)簽分類內(nèi)聯(lián)標(biāo)簽(行內(nèi)標(biāo)簽)：不獨(dú)占一行，內(nèi)斂標(biāo)簽只能嵌套內(nèi)斂標(biāo)簽。如b\i\u\stonn\a等。塊級(jí)標(biāo)簽(行外標(biāo)簽)：自己獨(dú)占一行，可以嵌套內(nèi)斂標(biāo)簽和某些塊級(jí)標(biāo)簽。如\h1-h6\br\hr\p等。塊級(jí)元素與行內(nèi)元素的區(qū)別：塊元素是以另起一行開始渲染的元素，行內(nèi)元素則不需另起一行。如果單獨(dú)在網(wǎng)頁中插入這兩個(gè)元素，不會(huì)對(duì)頁面產(chǎn)生任何的影響。注意：p標(biāo)簽：不能嵌套p標(biāo)簽，也不能嵌套塊級(jí)標(biāo)簽。head標(biāo)簽中常用標(biāo)簽標(biāo)簽意義定義網(wǎng)頁標(biāo)題定義內(nèi)部樣式表定義js代碼或引入外部js文件引入外部樣式表文件定義網(wǎng)頁原信息\配置信息meta標(biāo)簽標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。提供的信息是用戶不可見的。meta標(biāo)簽的組成：meta標(biāo)簽共有兩個(gè)屬性，它們分別是http-equiv屬性和name屬性，不同的屬性又有不同的參數(shù)值，這些不同的參數(shù)值就實(shí)現(xiàn)了不同的網(wǎng)頁功能。http-equiv屬性：相當(dāng)于http的文件頭作用，它可以向?yàn)g覽器傳回一些有用的信息，以幫助正確地顯示網(wǎng)頁內(nèi)容，與之對(duì)應(yīng)的屬性值為content，content中的內(nèi)容其實(shí)就是各個(gè)參數(shù)的變量值。 #如果把url和后面的內(nèi)容去掉，就是2秒鐘刷新一次。 name屬性: 主要用于描述網(wǎng)頁，與之對(duì)應(yīng)的屬性值為content，content中的內(nèi)容主要是便于搜索引擎機(jī)器人查找信息和分類信息用的。 #關(guān)鍵字，也就是別人是可以通過這些關(guān)鍵字搜索到我的這個(gè)文章的，搜索引擎就是能夠這個(gè)content內(nèi)容來幫別人搜索到你的這個(gè)文檔的#seo：讓網(wǎng)站在別人搜索的時(shí)候能夠靠前顯示。 #是對(duì)這個(gè)文檔的描述，在百度一些內(nèi)容的頁面上。瀏覽器 -- 內(nèi)核ie -- tridentchrome --- blink 火狐 --- geckosafari --- webkitps：「瀏覽器內(nèi)核」也就是瀏覽器所采用的「渲染引擎」，渲染引擎決定了瀏覽器如何顯示網(wǎng)頁的內(nèi)容以及頁面的格式信息。渲染引擎是兼容性問題出現(xiàn)的根本原因。body標(biāo)簽中的基本標(biāo)簽不加標(biāo)簽的純文字也是可以在body中寫加粗斜體下劃線刪除段落標(biāo)簽
#獨(dú)占一個(gè)段落標(biāo)題1標(biāo)題2標(biāo)題3標(biāo)題4標(biāo)題5標(biāo)題6
#就是單獨(dú)個(gè)一個(gè)水平線特殊字符（可直接百度搜html特殊符號(hào)對(duì)照表內(nèi)容對(duì)應(yīng)代碼空格(html中加多少個(gè)都是顯示一個(gè)空格效果，需要特殊字符才能顯示出空格效果)>><<&&￥￥版權(quán)標(biāo)識(shí)（寫公司網(wǎng)站的時(shí)候會(huì)用到） 注冊(cè)（一個(gè)圓圈里面有個(gè)r） div標(biāo)簽和span標(biāo)簽div標(biāo)簽用來定義一個(gè)塊級(jí)元素，并無實(shí)際的意義。主要通過css樣式為其賦予不同的表現(xiàn)。span標(biāo)簽用來定義內(nèi)聯(lián)(行內(nèi))元素，并無實(shí)際的意義。主要通過css樣式為其賦予不同的表現(xiàn)。img標(biāo)簽圖片標(biāo)簽屬性 src='圖片路徑' 網(wǎng)絡(luò)地址的絕對(duì)路徑\本地相對(duì)路徑示例: a標(biāo)簽超鏈接標(biāo)簽：是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的連接關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁，也可以是相同網(wǎng)頁上的不同位置，還可以是一個(gè)圖片，一個(gè)電子郵件地址，一個(gè)文件，甚至是一個(gè)應(yīng)用程序。href：超鏈接的地址target：是否新建窗口target=_self 當(dāng)前窗口打開某個(gè)路徑對(duì)應(yīng)的html頁面(默認(rèn))target=_blank 新建窗口打開某個(gè)路徑對(duì)應(yīng)的html頁面示例: 百度href屬性指定目標(biāo)網(wǎng)頁地址。該地址可以有幾種類型：絕對(duì)url - 指向另一個(gè)站點(diǎn)（比如 href=http://www.jd.com）相對(duì)url - 指當(dāng)前站點(diǎn)中確切的路徑（href=index.htm） #django用的比較多錨url - 指向頁面中的錨點(diǎn)（href=#top）列表標(biāo)簽無序列表: 第一項(xiàng) 第二項(xiàng)type屬性： disc（實(shí)心圓點(diǎn)，默認(rèn)值） circle（空心圓圈） square（實(shí)心方塊） none（無樣式）有序列表 第一項(xiàng) 第二項(xiàng)type屬性：start是從數(shù)字幾開始 1 數(shù)字列表，默認(rèn)值 a 大寫字母 a 小寫字母 ⅰ大寫羅馬 ⅰ小寫羅馬標(biāo)題列表標(biāo)簽 標(biāo)題1 內(nèi)容1 標(biāo)題2 內(nèi)容1 內(nèi)容2表格標(biāo)簽表格是一個(gè)二維數(shù)據(jù)空間，一個(gè)表格由若干行組成，一個(gè)行又有若干單元格組成，單元格里可以包含文字、列表、圖案、表單、數(shù)字符號(hào)、預(yù)置文本和其它的表格等內(nèi)容。表格最重要的目的是顯示表格類數(shù)據(jù)。表格類數(shù)據(jù)是指最適合組織為表格格式（即按行和列組織）的數(shù)據(jù)。 姓名 年齡 愛好
lusa 18 book
haha 18 book
屬性: border: 表格邊框. cellpadding: 內(nèi)邊距 （內(nèi)邊框和內(nèi)容的距離） cellspacing: 外邊距.（內(nèi)外邊框的距離） width: 像素 百分比.（最好通過css來設(shè)置長寬） rowspan: 單元格豎跨多少行 colspan: 單元格橫跨多少列（即合并單元格）input標(biāo)簽 元素會(huì)根據(jù)不同的 type 屬性，變化為多種形態(tài)。屬性 表現(xiàn)形式 對(duì)應(yīng)代碼text 單行輸入文本 password 密碼輸入框（不顯示明文） date 日期輸入框 checkbox 復(fù)選框 name值相同的為一組radio 單選框 name值相同的為一組submit 提交按鈕 發(fā)送瀏覽器上輸入標(biāo)簽中的內(nèi)容，配合form表單使用，頁面會(huì)刷新，會(huì)將整個(gè)form表單中的輸入提交，提交數(shù)據(jù)為name的值=value的值，value以輸入的為準(zhǔn)（text)，若是選擇框則需指定value的默認(rèn)值。reset 重置按鈕 頁面刷新，將所有輸入的內(nèi)容清空button 普通按鈕 在form表單中的按鈕同submit。hidden 隱藏輸入框 file 文本選擇框 屬性說明: name：表單提交時(shí)的“鍵”，注意和id的區(qū)別 value：表單提交時(shí)對(duì)應(yīng)項(xiàng)的值 type=button, reset, submit時(shí)，為按鈕上顯示的文本內(nèi)容 type=text,password,hidden時(shí)，為輸入框的初始值 type=checkbox, radio, file，為輸入相關(guān)聯(lián)的值 checked：默認(rèn)選中，radio和checkbox默認(rèn)被選中的項(xiàng) readonly：text和password設(shè)置只讀 disabled：不允許操作，所有input均適用設(shè)置了readonly的標(biāo)簽,它的數(shù)據(jù)可以被提交到后臺(tái),設(shè)置了disabled的數(shù)據(jù),是不能提交到后臺(tái)的 女 女 #簡寫方式,當(dāng)屬性名和屬性值相同時(shí)可簡寫form標(biāo)簽功能： 1. 表單用于向服務(wù)器傳輸數(shù)據(jù)，從而實(shí)現(xiàn)用戶與web服務(wù)器的交互 2. 表單能夠包含input系列標(biāo)簽，比如文本字段、復(fù)選框、單選框、提交按鈕等等?！?. 表單還可以包含textarea、select、fieldset和 label標(biāo)簽。form標(biāo)簽 ，表單標(biāo)簽和input標(biāo)簽，用戶輸入或者選擇使用的標(biāo)簽。表單屬性 屬性 描述 accept-charset 規(guī)定在被提交表單中使用的字符集（默認(rèn)：頁面字符集）。action 規(guī)定向何處提交表單的地址（url）（提交頁面）。 autocomplete 規(guī)定瀏覽器應(yīng)該自動(dòng)完成表單（默認(rèn)：開啟）。 enctype 規(guī)定被提交數(shù)據(jù)的編碼（默認(rèn)：url-encoded）。 method 規(guī)定在提交表單時(shí)所用的 http 方法（默認(rèn)：get）。 name 規(guī)定識(shí)別表單的名稱（對(duì)于 dom 使用：document.forms.name）。novalidate 規(guī)定瀏覽器不驗(yàn)證表單。 target 規(guī)定 action 屬性中地址的目標(biāo)（默認(rèn)：_self）。 **表單元素**基本概念： 1. 表單往往和腳本、動(dòng)態(tài)頁面、數(shù)據(jù)處理等功能相結(jié)合，因此它是制作動(dòng) 態(tài)網(wǎng)站很重要的內(nèi)容?！?. 表單一般用來收集用戶的輸入信息表單工作原理： 1. 訪問者在瀏覽有表單的網(wǎng)頁時(shí)，可填寫必需的信息，然后按某個(gè)按鈕提交。這些信息通過internet傳送到服務(wù)器上。 2. 服務(wù)器上專門的程序?qū)@些數(shù)據(jù)進(jìn)行處理，如果有錯(cuò)誤會(huì)返回錯(cuò)誤信息，并要求糾正錯(cuò)誤。當(dāng)數(shù)據(jù)完整無誤后，服務(wù)器反饋一個(gè)輸入完成的信息。action:指定數(shù)據(jù)提交路徑 用戶名: 密碼: 男 女 book 蕭 form表單觸發(fā)提交數(shù)據(jù)的操作,必須寫在form表單標(biāo)簽里面,寫在外面就是普通的按鈕select標(biāo)簽 下拉選擇框 屬性說明：multiple：布爾屬性，設(shè)置后為多選下拉框，否則默認(rèn)單選disabled：禁用selected：默認(rèn)選中該項(xiàng)value：定義提交時(shí)的選項(xiàng)值單選 北京 上海 深圳 多選:multiple 北京 上海 深圳 label標(biāo)簽定義： 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）。說明：label 元素不會(huì)向用戶呈現(xiàn)任何特殊效果。但是點(diǎn)擊label標(biāo)簽里面的文本，那么和他關(guān)聯(lián)的input標(biāo)簽就獲得了光標(biāo)，讓你輸入內(nèi)容 標(biāo)簽的 for 屬性值應(yīng)當(dāng)與相關(guān)元素的 id 屬性值相同。方式1 執(zhí)行對(duì)哪個(gè)標(biāo)簽進(jìn)行標(biāo)識(shí)效果:點(diǎn)擊label標(biāo)簽中的文字,就能讓標(biāo)識(shí)的標(biāo)簽獲得光標(biāo)用戶名方式2: 密碼: textarea多行文本屬性說明：name：名稱。rows：行數(shù) ，相當(dāng)于文本框高度設(shè)置。cols：列數(shù) ，相當(dāng)于文本框長度設(shè)置。disabled：禁用。maxlength：顯示字符數(shù)，例如：maxlength='10' 最多輸入十個(gè)字符。 默認(rèn)內(nèi)容