web服務端的本質
- 朝着指定的服務器發送請求
- 服務端收到請求並處理
- 返回相應的相應
- 游覽器接收並渲染出好看的頁面
HTTP協議
超文本傳輸協議：規定了服務端與游覽器數據傳輸的數據格式
四大特性：
- 基於TCP/IP作用與應用層之上的協議
- 基於請求響應
- 無狀態：不保存客戶端狀態，無論來多少次(cookies，session)
- 無連接：一次性連接，請求響應結束就沒了（長連接 websocket 聊天室）
數據格式：
請求格式：
請求首行(請求方式，協議版本)
請求頭(一大堆k:v鍵值對)
空一行
請求體(敏感信息，密碼，身份證)
響應格式：
響應首行(請求方式，協議版本)
響應頭(一大堆k:v鍵值對)
空一行
響應體(給客戶看的))
響應狀態：
用數字來表示一串文字需要表達的意思
1xx：服務端已經成功接收到你的請求，正在處理 你可以繼續提交其他數據
2xx：服務端成功相應了數據（200）
3xx：重定向 (跳轉連接)
4xx：（404請求資源不存在）（403你當前不符合某一些條件 無法正常訪問）
5xx：服務器內部的錯誤
HTML：
超文本標記語言
文件的后綴名：
文件的后綴名是給人看的，對於計算機來說全部是二進制
之所以不同的后綴名有不同的功能，那是我們程序員自己認為的定制
注釋是代碼之母：
HTML的注釋:
<!--單行注釋-->
<!--
多行注釋
多行注釋
多行注釋
-->
在搭建頁面的時候通常會利用注釋來划分區域
如
HTML的文當結構：
<html>
<head></head> 給游覽器看的
<body></body> 內的代碼才是給人看的
</html>
標簽的分類一：
- 雙標簽（h1，a）
- 自閉合標簽（img）
head內常用標簽
title：定義頁面標題
style： 內部支持寫css
link：引入外部css樣式
script：內部可以直接寫js代碼，也可以引入外部js文件
meta：定義網頁源信息
body內部常用標簽
h1~h6 ：標題標簽
p：標簽，一個p就是一行內容
s：刪除線
b：加粗
i：斜體
u：下划線
br：換行
hr：一條分割線
body內部特殊符號
 ：空格
&：&
¥：￥
>：>
<：<
©: ©
®: ®
標簽分類二：
塊兒級標簽：
獨占一行：h1~h6，p，br，hr，div
- 塊兒級標簽內可以嵌套其他塊兒級和內級標簽
- 注意：p雖然是塊兒級標簽，但是她的內部不能嵌套任何塊兒級標簽，只能嵌套行內標簽
內行標簽：
內部文本多大，就占多大
行內不能嵌套行內和塊兒級
標簽通常應該有兩個屬性
id：類似於是一個身份證號，每個標簽都應該有id值，並且在同一個html文當中，標簽id不能重復
class：類屬性，有點類似於面向對象的繼承class=‘c1 c2’ 這標簽就會用有這兩個的所有樣式
body內重要的標簽
div：一塊區域 你可以往這塊區域內填寫任何內容
span
div和span是前期構建網頁的基本骨架
a 鏈接標簽
-
跳轉功能
href參數控制跳轉的地址，這個地址果然在你的機器上如果么有點擊過默認是藍色的，點過則都是紫色的
-
錨點功能
給a標簽設置id值，然后在href中書寫對應的a標簽id值，點擊即可跳轉到對應的位置
<a href="" id="a1">文章開頭</a>
<div style="background-color: red;height: 1000px"></div>
<div style="background-color: green;height: 1000px"></div>
<div style="background-color: orange;height: 1000px"></div>
<a href="" id="a2">文章中部</a>
<div style="background-color: black;height: 1000px"></div>
<div style="background-color: green;height: 1000px"></div>
<div style="background-color: orange;height: 1000px"></div>
<a href="#a1">回到頂部</a>
<a href="#a2">回到中部</a>
img 圖片標簽
src
- 圖片地址 網上地址也可以是本地圖片地址
- url 自動朝該網址發送get請求，獲取圖片資源alt
alt
當圖片加載不出來的時候 展示的提示信息
title
鼠標懸浮上去后展示的提示信息
width和height
只需要設置一個參數就行，等比例縮放
兩個同時用會失真
列表標簽
無序列表
ui
li
type參數:
disc(實心圓點，默認值)
circle（空心圓圈）
squra（實心方塊）
none（無樣式）
有序列表（了解）
ol
li
type參數：
1 數字列表，默認值
A 大寫字母
a 小寫字母
Ⅰ大寫羅馬
ⅰ小寫羅馬
標題列表(了解)
dl
dt 小標題
dd 小章節
表格標簽
展示數據 一般都用到表格標簽
<table>
<thead>
<tr>
<th>username</th>
<th>password</th>
<th>hobby</th>
<th>is_delete</th>
</tr> 一個tr就表示一行
</thead>
<tbody>
<tr>
<td>jason</td>
<td>123</td>
<td>study</td>
<td>0</td>
</tr>
</tbody>
</table>