html_1
發(fā)布時(shí)間:2026-05-04 18:24:09
域名解析域(yu)名 --> ip地址 -- 192.168.1.10ht??tps://192.168.1.10:80 --> www.jd.com --> DNS解析 { 'www.jd.com':'192.168.1.10',}https默認端口是80URL是(╬ ò﹏ó)統一資??源定位器(Unif??orm Resource Locator)的縮寫(xiě),也被稱(chēng)為網(wǎng)頁(yè)地址,是 因特網(wǎng)上標準的資源的地址。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部分:為頁(yè)面在站點(diǎn)中的目錄:stu第4部分(╬?益?):為頁(yè)面名稱(chēng),例如 index/1.html各部分之間用“/”符號隔開(kāi)。請求和響應請求:瀏覽器socket客戶(hù)端給服務(wù)端發(fā)信息響應:服務(wù)端socket給客戶(hù)端回息import socketserver = socket.socket()server.bind(('192.168.43.127',80))server.listen()while(′?`) 1: conn, addr = server.accept??() from_browser_msg = conn.recv(10??24).decode('utf-8') #請求 print(from(′?_?`)_browser_msg)ヾ(′▽?zhuān)?? conn.send(b'HTTP/1.1 200 ok\r\n\r\n') #響應格式必須和請求格式一致 # 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標簽:超文本標記語(yǔ)言,就是標記用的.必須是封閉的,有自( ?▽?)封閉的如: 有全封閉: 標簽屬性 id='xx' asdfasfd='xxx'
lang屬性 的值是‘en’標簽的語(yǔ)法:<標簽名 屬性1=“屬性值1” 屬性2=“屬性值2”…… lang="zh">內容部分<標簽名 屬性1=“屬性值1” 屬性2=“屬性值2”…… / style="display:inline;">有些屬性是沒(méi)有特殊的效果的,而有些屬性是有效果的,比如 s='name'是沒(méi)什么效果的ヽ(′▽?zhuān)?ノ。標簽分類(lèi)內聯(lián)標簽(行內標簽):不獨占一行,內斂標簽只能嵌套內斂標簽。如??b\i??\u\stonn\a等。塊級標簽(行外標簽):自己獨占一行,可以嵌套內斂標簽和某些塊級標簽。如\h1-h6\b??r\hr\p等。 塊級元素與行內??元素的區別:塊元素是以另起一行開(kāi)始渲染的元素,行內元素則不需另起一行。如果單獨在??網(wǎng)頁(yè)中插入這兩個(gè)元素,不會(huì )對頁(yè)面產(chǎn)生任何的影響。注意:p標簽:不能嵌套p標簽,也不能嵌套塊級標簽。head標簽中常用標簽標簽意義 定義網(wǎng)頁(yè)標題定義內部樣式表定義JS代碼或引入外部JS文件 引入外部樣式表文件 定義網(wǎng)頁(yè)原信息\配置信息Meta標簽標簽位于文檔(O_O)的頭部,不包含任何內容。提供的信息是用戶(hù)不可見(jiàn)的。meta標簽的組成:meta標簽共有兩個(gè)屬性,它們分別是http-equiv屬性和name屬性,不同的屬性又有不同的參數值,這些不同的參數值就實(shí)現了不同的網(wǎng)頁(yè)功能。ht┐(′ー`)┌tp-equiv屬性:相當于http的文件頭作用,它可以向瀏覽器傳回一些有用的信息(?????),以幫助正確地顯示網(wǎng)頁(yè)內容,與之對應的屬性值為content,content中的內容其實(shí)就是(shi)各個(gè)參數的變量值。 #如果把UR( ?ヮ?)L和后面的內容去掉,就是2秒鐘刷新一次。 name屬性: 主要用于描述網(wǎng)頁(yè),(′ω`)與之對應的屬性值為??content,content中的內容主要是便于搜索引擎機器人查找信息和分類(lèi)信息用的。 #關(guān)鍵字,也就是別人是可以通過(guò)這些關(guān)(′ω`)鍵字??搜索到我的這個(gè)文章的,搜索引擎就是能夠這個(gè)content內容來(lái)幫別人搜索到你的這個(gè)文檔的#SEO:讓網(wǎng)站在別人(ren)搜索的時(shí)候能夠靠前顯示。 #是對這個(gè)文檔的描述,在百度一些內容的頁(yè)面上。 瀏覽器 -- 內核 IE -- trident chrome --- blink 火狐 --- ge??cko Safari --- webkitPS:「瀏覽器內核」也就是瀏覽器所采用?的??「渲染引擎」,渲染引擎決定了(le)瀏覽器如何顯示網(wǎng)頁(yè)的內容以及頁(yè)面的格式信息。渲??染引擎是兼容性問(wèn)題出現的根本原因(yin)。body??標簽中的基本標簽不加標簽的純文字也是可以在body中寫(xiě)加粗 斜體 下劃線(xiàn) 刪除 段落標簽
#獨占一個(gè)段落標題1
標題2 標題3 標題4 標題5
標(′?_?`)題6 #就是單獨個(gè)一個(gè)水平線(xiàn)特殊字??符(可直接百度搜HTML特殊符號(′;ω;`)對照表內容對應代碼空格(html中加多少個(gè)都是顯示一個(gè)空格效果,需要特殊字符才能顯示出空格效果) >><<&&¥¥版權標識(寫(xiě)公司網(wǎng)站的時(shí)候會(huì )用到) 注冊(一個(gè)圓圈里面有個(gè)R) div標簽和span標簽 div標簽用來(lái)定義一個(gè)塊級元素,并無(wú)實(shí)際的意義。主要通過(guò)CSS樣式為其( ?▽?)賦予不同的表現。span標簽用來(lái)定義內聯(lián)(行內)元素,并無(wú)實(shí)際的意義??。主要通過(guò)CS??S樣式為其賦予不同的表現。img標簽圖(tu)片標簽屬性 src='圖片路徑' 網(wǎng)絡(luò )地址的絕對路徑\本地相對路徑示例: a標簽超鏈接標簽:是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標的連接關(guān)系,這個(gè)目標可以是另一個(gè)網(wǎng)頁(yè),也可以是相同網(wǎng)頁(yè)上的不同位置,還可以是一個(gè)(ge)圖片,一個(gè)電子郵件地址,一個(gè)文件,甚至是一個(gè)應用程序。href:超鏈接的地址target:是否新建窗口target='_self' 當前窗口打開(kāi)某個(gè)路徑對應的html頁(yè)面(默認)target='_blank' 新建窗口打開(kāi)某個(gè)路徑對應的html頁(yè)面示例: 百度href屬性指定目標網(wǎng)頁(yè)地址。該地址可以有幾種類(lèi)型:絕對URL - 指向另一個(gè)站點(diǎn)(比如 href='http://www.jd.com)相對URL - 指當前站點(diǎn)中確切的路徑(href='index.htm") #django用的比較多錨URL - 指向頁(yè)面中的錨點(diǎn)(href="#top")列表標簽無(wú)序列表:type屬性: disc(實(shí)心圓點(diǎn),默認值) circle(空心圓圈) square(實(shí)心方塊) none(無(wú)樣式)有序列表
第一項
第??二項
type屬性:??start是從數字幾開(kāi)始 1 數字列表,默認值 A 大寫(xiě)字母 a 小寫(xiě)字母 Ⅰ大寫(xiě)羅馬 ⅰ小寫(xiě)羅馬標(biao)題列表標簽 標題1 內容1 標題2 內容1
內容2 表格標簽表格是一個(gè)二維數據空間,一個(gè)表格由若干行組成,??一個(gè)行又有若干單元格組成,單元格里可以包含文字、列(◎_◎;)表、圖案、表單、數字符號、預??置文本和其它的表格等內容。表格最重要(yao)的目的是顯示表格類(lèi)數據。表格類(lèi)數據是指最適合組織為表格格式(即按ˉ\_(ツ)_/ˉ行??和列組織)的(de)數據。 姓名
年齡 愛(ài)好
lusa
18 book
haha
18
book
屬性: border: 表格邊框. ce(′▽?zhuān)?llpヽ(′▽?zhuān)?ノaddi??ng: 內邊距 (內邊框和內容的距離??) cellspacing: 外邊距.(內外邊框的距離) width: 像素 百分比.(最好通過(guò)css來(lái)設置長(cháng)寬) rowspan: 單元格豎跨多少行 colspan: 單元格橫跨多少列(即合并單元格)input標簽 元素會(huì )根據不同的 type 屬性,變化為多種形態(tài)。屬性 表現形式 對應代碼text 單行輸入文本?? password 密碼輸入框(不(°o°)顯示明文) date 日期輸入框 checkbox 復選框 name值相同的為一組radio 單選框 name值相同的為一組su??bmit 提交按鈕 發(fā)送瀏覽器上輸入標簽中的內容,配合f??orm表單使用,頁(yè)面會(huì )刷新,會(huì )將整個(gè)form表單中的輸入提交,提交數(shu)據為name的值(╬?益?)=value的值,value以輸入的為準(text),若是選擇框則需指定value的默認值。reset 重置按鈕 頁(yè)面刷新,將所有輸入的內??容清空button 普通按鈕 在form表單中的按鈕同su(°□°)bmit。hidden 隱藏輸入框 file 文本選擇框 屬性說(shuō)明??: name:表單提交時(shí)的“鍵”,注意(yi)和id的區別 value(′?ω?`):表單??提交時(shí)對應項的值 type="button", "reset", "submit"時(shí),為按鈕上顯示的文本內容 type='text',"password","hidden"時(shí),為輸入框的初始值ヽ(′▽?zhuān)?ノ type="checkb(′_`)ox"??, "radio"??, "file",為輸入相關(guān)聯(lián)的值 checked="":默認選中,radio和che(°o°)ckbox默認被選中的項 readonly="readonly":text和password設置只讀 disabled='disabled':??(′▽?zhuān)?不允許操作,所有input均適用設置了readonly的標簽,它的數據可以被提交到后臺,設置了disabled的數據,是不能提交到后( ?ω?)臺的 女 女 #簡(jiǎn)寫(xiě)方式,當屬性名和屬性值相同??時(shí)可簡(jiǎn)寫(xiě)form標簽功能:?? 1. 表單用于向服務(wù)器傳輸數據,從而實(shí)現用戶(hù)與Web服務(wù)器的交互 2.(′ω`) 表單能夠包含input系列標簽,比如文本字段、復選框、單選框、提交按鈕等等。 3. 表單還可以包含textarea、select、fieldset和 label標簽。form標簽 ,表單標簽和input標簽,用戶(hù)輸入或者選擇使用的標簽。表單屬性 屬性 描述 accept-charset 規定在被提交表單(╥_╥)中使用的字符集(默認:頁(yè)面字符集)。action 規定向何處提交表單的地?址(URL)(提交頁(yè)面)。 autocomplete 規定瀏覽器應該自動(dòng)完成表單(默認:開(kāi)啟)。 enctype 規定被提交數據??的編碼(默認:url-encoded)。 method 規定在提交表單時(shí)所用的 HTTP 方法(fa)(默認:GET)。 name 規定識別表單的名稱(chēng)(對于 DOM 使用:document.forms.name)。novalidate 規定瀏覽器(qi)不驗證表單。 target 規定 action 屬性中地址的目標(默認:_self)。 **表單元素**基本概念: 1. 表單往往和腳本、動(dòng)態(tài)頁(yè)面、數據處理等功能相結合,因此它是制作動(dòng) 態(tài)網(wǎng)站很重要的內容。 2. 表單一般用來(lái)收集用戶(hù)的輸入信??息表單工作原理: 1. 訪(fǎng)問(wèn)者在瀏覽有表單的網(wǎng)頁(yè)時(shí),可填寫(xiě)必需的信息,然后按某個(gè)按鈕提交。這些信息通過(guò)Internet傳送到服務(wù)器上。 2. 服務(wù)器上專(zhuān)門(mén)的(de)程序對這些數據進(jìn)行處理,如果有錯誤會(huì )返回錯誤信息,并要求糾正錯誤。當數據完整無(wú)誤后,服務(wù)器反饋一個(gè)輸入完成的信息。action:指定數據提交路徑 for(′?_?`)m表單觸發(fā)提交數據的操作,??必須??寫(xiě)在form表單標簽里面,寫(xiě)在??外(wai)面就是普通的按鈕selec(⊙_⊙)t標(biao)簽 下拉選擇框 屬性說(shuō)明:multiple='multiple':布爾屬性,設置后為多選下拉框,否則默認單選disabled:禁用se(′ω`)lected:默認選中該項va(′?`*)lue:定義提交時(shí)的選項值單選 北京
上海 深圳 多選:multi??ple 北京
上海
深圳 label標簽定義: 標簽為 input 元素定義標注(標記)。說(shuō)明:label 元素不會(huì )向用戶(hù)呈現任何特殊效果。但(dan)是點(diǎn)擊label標簽里面的文本,那么和他關(guān)聯(lián)的input標簽就獲得了光標,讓你輸入內容 標簽的 for 屬性值應??當與相關(guān)元素的 id 屬性值相同。方式1 執行對哪個(gè)標簽進(jìn)行標識效果:點(diǎn)擊label標簽中的文字,就能讓標識的標簽獲得光標用戶(hù)名 方式2: 密碼:?? textarea多行文本屬性說(shuō)明:name:名稱(chēng)。r??ows:行數 ,相當于文本框高度設置。cols:列數 ,相ヾ(′ω`)?當于文本框長(cháng)度設置。disabled='disabled':禁用。maxlength:顯示字符數,例如:maxlength='10' 最多輸入十個(gè)字符。