一、web請求流程模擬
python編寫的簡易服務器應用程序
import socketserver=socket.socket() ip_port =('127.0.0.1',8080) server.bind(ip_port) server.listen()while 1:conn, addr = server.accept()from_browser_msg=conn.recv(1024)print(from_browser_msg)conn.send(b'HTTP/1.1 200 ok\r\n\r\n') #http協議conn.send(b'<h1>web123</h1>')
web訪問
web訪問過程
瀏覽器發請求 --> HTTP協議 --> 服務端接收請求 --> 服務端返回響應 --> 服務端把HTML文件內容發給瀏覽器 --> 瀏覽器渲染頁面
?
二、html 簡介
1、超文本標記語言（Hypertext Markup Language, HTML）?是一種用于創建網頁的標記語言.
2、網頁文件的后綴 ： .html 或者 .htm
3、html 文本格式
<!DOCTYPE html>聲明為HTML5文檔。 <html>、</html>是文檔的開始標記和結束的標記。是HTML頁面的根元素，在它們之間是文檔的頭部（head）和主體（body）。 <head>、</head>定義了HTML文檔的開頭部分。它們之間的內容不會在瀏覽器的文檔窗口顯示。包含了文檔的元（meta）數據，配置信息等，是給瀏覽器看的，你看到的是在body標簽里面寫的。 <title>、</title>定義了網頁標題，在瀏覽器標題欄顯示。（修改一下title中的內容，然后看一下瀏覽器，你就會發現title是什么了） <body>、</body>之間的文本是可見的網頁主體內容。
三、HTML標簽格式，嚴格封閉
標簽的語法：
- <標簽名 屬性1=“屬性值1” 屬性2=“屬性值2”……>內容部分</標簽名>?
- <標簽名 屬性1=“屬性值1” 屬性2=“屬性值2”…… />
?
?四、標簽常用屬性
（1）id ：定義唯一標識，id不能重復；
（2）class ：為html定義一個或多個類名
（3）style ：規定元素的行內樣式（CSS樣式）?
如 <h1 style="color:red;">我是紅色</h1>
五、HTML注釋
<!--注釋內容--> #找到一行內容ctrl+/就能注釋，注釋的內容不會在網頁上顯示出來
?
六、初始快捷鍵
快速創建 HTML結構 ： ！+tab鍵
快速創建標簽： 標簽名 +tab 鍵
?
七、初始head?
1、meta標簽
? meta標簽的組成：meta標簽共有兩個屬性，它們分別是http-equiv屬性和name 屬性，不同的
屬性又有不同的參數值，這些不同的參數值就實現了不同的網頁功能。?
（1）http-equiv屬性：相當于http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫
助正確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個參數的變
量值。
<meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com">
<!--2秒后跳轉到對應的網址，注意引號--> <meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com"> #如果把URL和后面的內容去掉，就是2秒鐘刷新一次，這些內容了解一下就行 <!--指定文檔的編碼類型--> <meta http-equiv="content-Type" charset=UTF8"> <!--告訴IE以最高級模式渲染文檔--> <meta http-equiv="x-ua-compatible" content="IE=edge"> #edge是微軟的一個全新的瀏覽器,其實就是告訴IE瀏覽器，你按照最高標準來渲染我的頁面，了解一下就可以啦
2、name屬性：?主要用于描述網頁，與之對應的屬性值為content，content中的內容主要是便于搜索引擎機器人查找信息和分類信息用的。
<meta name="keywords" content="meta總結,html meta,meta屬性,meta跳轉"> #關鍵字，也就是別人是可以通過這些關鍵字搜索到我的這個文章的，搜索引擎就是能夠這個content內容來幫別人搜索到你的這個文檔的 #SEO就是做這個的，就是怎么讓你們公司的網站在別人搜索的時候能夠靠前顯示，不算那個花錢的，百度是充值的，你沖個20w，別人可能一天就給你點擊完了，特別的貴<meta name="description" content="xxxxxpythonxxx學習"> #是對這個文檔的描述，在百度一些內容的頁面上，f12打開看看
?
八、body內常用標簽（HTML中的重點）
1、基本標簽
#字體操作 <b>加粗</b> <i>斜體</i> <u>下劃線</u> <s>刪除</s>#段落 <p>段落標簽</p> #獨占一個段落#標題 <h1>標題1</h1> <h2>標題2</h2> <h3>標題3</h3> <h4>標題4</h4> <h5>標題5</h5> <h6>標題6</h6>
#換行
<br>
?
?
: “TypeError: Cannot read properties of undefined (reading ‘graphic‘)“)
