html

分類：域名資訊編輯：聊聊云計算瀏覽量：31

2020-07-13 16:55:23

域名解析域名 --> ip地址 -- 192.168.1.10https://192.168.1.10:80 --> www.jd.com --> DNS解析 {'www.jd.com':'192.168.1.10',}https默認端口是80URL是統一資源定位器(Uniform Resource Locator)的縮寫，也被稱為網頁地址，是因特網上標準的資源的地址。URL舉例http://www.sohu.com/stu/intro/1.htmlhttp://222.172.123.33/stu/intro/1.htmlURL地址由4部分組成第1部分：為協議：http://、ftp://等第2部分：為站點地址：可以是域名或IP地址第3部分：為頁面在站點中的目錄：stu第4部分：為頁面名稱，例如 index/1.html各部分之間用“/”符號隔開。請求和響應請求:瀏覽器socket客戶端給服務端發信息響應:服務端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') #請求 print(from_browser_msg) 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標簽:超文本標記語言,就是標記用的.必須是封閉的，有自封閉的如：有全封閉：

標簽屬性 id='xx' asdfasfd='xxx'

lang屬性的值是‘en’標簽的語法：<標簽名屬性1=“屬性值1” 屬性2=“屬性值2”……>內容部分<標簽名屬性1=“屬性值1” 屬性2=“屬性值2”…… />有些屬性是沒有特殊的效果的，而有些屬性是有效果的，比如 s='name'是沒什么效果的。標簽分類內聯標簽(行內標簽)：不獨占一行，內斂標簽只能嵌套內斂標簽。如b\i\u\stonn\a等。塊級標簽(行外標簽)：自己獨占一行，可以嵌套內斂標簽和某些塊級標簽。如\h1-h6\br\hr\p等。塊級元素與行內元素的區別：塊元素是以另起一行開始渲染的元素，行內元素則不需另起一行。如果單獨在網頁中插入這兩個元素，不會對頁面產生任何的影響。注意：p標簽：不能嵌套p標簽，也不能嵌套塊級標簽。head標簽中常用標簽標簽意義定義網頁標題定義內部樣式表定義JS代碼或引入外部JS文件引入外部樣式表文件定義網頁原信息\配置信息Meta標簽標簽位于文檔的頭部，不包含任何內容。提供的信息是用戶不可見的。meta標簽的組成：meta標簽共有兩個屬性，它們分別是http-equiv屬性和name屬性，不同的屬性又有不同的參數值，這些不同的參數值就實現了不同的網頁功能。http-equiv屬性：相當于http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助正確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個參數的變量值。 #如果把URL和后面的內容去掉，就是2秒鐘刷新一次。 name屬性: 主要用于描述網頁，與之對應的屬性值為content，content中的內容主要是便于搜索引擎機器人查找信息和分類信息用的。 #關鍵字，也就是別人是可以通過這些關鍵字搜索到我的這個文章的，搜索引擎就是能夠這個content內容來幫別人搜索到你的這個文檔的#SEO：讓網站在別人搜索的時候能夠靠前顯示。 #是對這個文檔的描述，在百度一些內容的頁面上。　　　　瀏覽器 -- 內核　　　　IE -- trident　　　　chrome --- blink 火狐 --- gecko　　　　Safari --- webkitPS：「瀏覽器內核」也就是瀏覽器所采用的「渲染引擎」，渲染引擎決定了瀏覽器如何顯示網頁的內容以及頁面的格式信息。渲染引擎是兼容性問題出現的根本原因。body標簽中的基本標簽不加標簽的純文字也是可以在body中寫加粗斜體下劃線刪除
段落標簽
#獨占一個段落

標題1

標題2

標題3

標題4

標題5

標題6

#就是單獨個一個水平線特殊字符（可直接百度搜HTML特殊符號對照表內容對應代碼空格(html中加多少個都是顯示一個空格效果，需要特殊字符才能顯示出空格效果) >><<&&￥￥版權標識（寫公司網站的時候會用到）注冊（一個圓圈里面有個R） div標簽和span標簽

div標簽用來定義一個塊級元素，并無實際的意義。主要通過CSS樣式為其賦予不同的表現。span標簽用來定義內聯(行內)元素，并無實際的意義。主要通過CSS樣式為其賦予不同的表現。img標簽圖片標簽屬性 src='圖片路徑' 網絡地址的絕對路徑\本地相對路徑示例: a標簽超鏈接標簽：是指從一個網頁指向一個目標的連接關系，這個目標可以是另一個網頁，也可以是相同網頁上的不同位置，還可以是一個圖片，一個電子郵件地址，一個文件，甚至是一個應用程序。href：超鏈接的地址target：是否新建窗口target="_self" 當前窗口打開某個路徑對應的html頁面(默認)target="_blank" 新建窗口打開某個路徑對應的html頁面示例: 百度href屬性指定目標網頁地址。該地址可以有幾種類型：絕對URL - 指向另一個站點（比如 href="http://www.jd.com）相對URL - 指當前站點中確切的路徑（href="index.htm"） #django用的比較多錨URL - 指向頁面中的錨點（href="#top"）列表標簽無序列表:

第一項
第二項

type屬性： disc（實心圓點，默認值） circle（空心圓圈） square（實心方塊） none（無樣式）有序列表

第一項
第二項

type屬性：start是從數字幾開始 1 數字列表，默認值 A 大寫字母 a 小寫字母 Ⅰ大寫羅馬 ⅰ小寫羅馬標題列表標簽

標題1: 內容1
標題2: 內容1; 內容2

表格標簽表格是一個二維數據空間，一個表格由若干行組成，一個行又有若干單元格組成，單元格里可以包含文字、列表、圖案、表單、數字符號、預置文本和其它的表格等內容。表格最重要的目的是顯示表格類數據。表格類數據是指最適合組織為表格格式（即按行和列組織）的數據。

姓名	年齡	愛好
lusa	18	book
haha	18	book

屬性: border: 表格邊框. cellpadding: 內邊距（內邊框和內容的距離） cellspacing: 外邊距.（內外邊框的距離） width: 像素百分比.（最好通過css來設置長寬） rowspan: 單元格豎跨多少行 colspan: 單元格橫跨多少列（即合并單元格）input標簽元素會根據不同的 type 屬性，變化為多種形態。屬性表現形式對應代碼text 單行輸入文本 password 密碼輸入框（不顯示明文） date 日期輸入框 checkbox 復選框 name值相同的為一組radio 單選框 name值相同的為一組submit 提交按鈕發送瀏覽器上輸入標簽中的內容，配合form表單使用，頁面會刷新，會將整個form表單中的輸入提交，提交數據為name的值=value的值，value以輸入的為準（text)，若是選擇框則需指定value的默認值。reset 重置按鈕頁面刷新，將所有輸入的內容清空button 普通按鈕在form表單中的按鈕同submit。hidden 隱藏輸入框 file 文本選擇框屬性說明: name：表單提交時的“鍵”，注意和id的區別 value：表單提交時對應項的值 type="button", "reset", "submit"時，為按鈕上顯示的文本內容 type="text","password","hidden"時，為輸入框的初始值 type="checkbox", "radio", "file"，為輸入相關聯的值 checked：默認選中，radio和checkbox默認被選中的項 readonly：text和password設置只讀 disabled：不允許操作，所有input均適用設置了readonly的標簽,它的數據可以被提交到后臺,設置了disabled的數據,是不能提交到后臺的女女 #簡寫方式,當屬性名和屬性值相同時可簡寫form標簽功能：　　　1. 表單用于向服務器傳輸數據，從而實現用戶與Web服務器的交互　　　2. 表單能夠包含input系列標簽，比如文本字段、復選框、單選框、提交按鈕等等。　　　3. 表單還可以包含textarea、select、fieldset和 label標簽。form標簽，表單標簽和input標簽，用戶輸入或者選擇使用的標簽。表單屬性屬性描述 accept-charset 規定在被提交表單中使用的字符集（默認：頁面字符集）。action 規定向何處提交表單的地址（URL）（提交頁面）。 autocomplete 規定瀏覽器應該自動完成表單（默認：開啟）。 enctype 規定被提交數據的編碼（默認：url-encoded）。 method 規定在提交表單時所用的 HTTP 方法（默認：GET）。 name 規定識別表單的名稱（對于 DOM 使用：document.forms.name）。novalidate 規定瀏覽器不驗證表單。 target 規定 action 屬性中地址的目標（默認：_self）。 **表單元素**基本概念：　　　1. 表單往往和腳本、動態頁面、數據處理等功能相結合，因此它是制作動態網站很重要的內容。　　　2. 表單一般用來收集用戶的輸入信息表單工作原理：　　　1. 訪問者在瀏覽有表單的網頁時，可填寫必需的信息，然后按某個按鈕提交。這些信息通過Internet傳送到服務器上。　　　2. 服務器上專門的程序對這些數據進行處理，如果有錯誤會返回錯誤信息，并要求糾正錯誤。當數據完整無誤后，服務器反饋一個輸入完成的信息。action:指定數據提交路徑 form表單觸發提交數據的操作,必須寫在form表單標簽里面,寫在外面就是普通的按鈕select標簽下拉選擇框　屬性說明：multiple：布爾屬性，設置后為多選下拉框，否則默認單選disabled：禁用selected：默認選中該項value：定義提交時的選項值單選多選:multiple label標簽定義：標簽為 input 元素定義標注（標記）。說明：label 元素不會向用戶呈現任何特殊效果。但是點擊label標簽里面的文本，那么和他關聯的input標簽就獲得了光標，讓你輸入內容標簽的 for 屬性值應當與相關元素的 id 屬性值相同。方式1 執行對哪個標簽進行標識效果:點擊label標簽中的文字,就能讓標識的標簽獲得光標用戶名方式2: 密碼: textarea多行文本屬性說明：name：名稱。rows：行數，相當于文本框高度設置。cols：列數，相當于文本框長度設置。disabled：禁用。maxlength：顯示字符數，例如：maxlength='10' 最多輸入十個字符。

聲明：免責聲明：本文內容由互聯網用戶自發貢獻自行上傳，本網站不擁有所有權，也不承認相關法律責任。如果您發現本社區中有涉嫌抄襲的內容，請發

送郵件至：[email protected]進行舉報，并提供相關證據，一經查實，本站將立刻刪除涉嫌侵權內容。本站原創內容未經允許不得轉載，或轉載時

需注明出處：新網idc知識百科