網(wǎng)頁(yè)組成
前端三層
- HTML（搭建一個(gè)項(xiàng)目的結(jié)構(gòu)） CSS（給沒(méi)有任何裝飾的結(jié)構(gòu)添加樣式） JavaScript（讓這個(gè)項(xiàng)目可以動(dòng)起來(lái)躯喇，有行為，與用戶有交流）
- 網(wǎng)頁(yè)的組成還有其他多媒體內(nèi)容：圖片屉更，視頻鉴嗤，音頻挺智，超鏈接
互聯(lián)網(wǎng)運(yùn)行過(guò)程
程序員可以將網(wǎng)頁(yè)源文件上傳到服務(wù)器進(jìn)行存儲(chǔ)，用戶后期可以通過(guò)客戶端（例如Firefox莱找，Chrome等瀏覽器軟件）發(fā)送HTTP請(qǐng)求到服務(wù)器，服務(wù)器接收請(qǐng)求后進(jìn)行響應(yīng)嗜桌，把存儲(chǔ)的網(wǎng)頁(yè)源文件通過(guò)響應(yīng)（HTTP）傳回用戶的本地客戶端奥溺，最后通過(guò)客戶端將網(wǎng)頁(yè)文件進(jìn)行渲染，顯示出最終用戶看到的樣子骨宠。
互聯(lián)網(wǎng)運(yùn)行原理
服務(wù)器（server）
1..特殊的計(jì)算機(jī)浮定，也包括了處理器，硬盤(pán)层亿，內(nèi)存桦卒，系統(tǒng)總線等，因?yàn)橐峁┛煽康姆?wù)匿又，在處理能力方灾，穩(wěn)定性，可靠性碌更，安全性上面有較高的要求
2.對(duì)于web來(lái)說(shuō)裕偿，服務(wù)器的作用，用于存儲(chǔ)開(kāi)發(fā)人員上傳的網(wǎng)頁(yè)數(shù)據(jù)痛单，需要響應(yīng)服務(wù)請(qǐng)求嘿棘，進(jìn)行處理
3.對(duì)于網(wǎng)站服務(wù)器來(lái)說(shuō)，為了用戶能夠隨時(shí)訪問(wèn)旭绒，必須24小時(shí)不間斷工作
云服務(wù)器（ECS）
針對(duì)于服務(wù)器的特殊要求鸟妙，云服務(wù)器應(yīng)運(yùn)而生，ECS是一種簡(jiǎn)單高效快压、安全可靠圆仔、處理能力可彈性伸縮的計(jì)算服務(wù)。用戶不需要提前購(gòu)買硬件蔫劣，就可以快速的創(chuàng)建或者釋放多臺(tái)云服務(wù)器坪郭。
客戶端（client）
也叫做用戶端，常用的就是瀏覽器脉幢，app歪沃，而web開(kāi)發(fā)最主要的客戶端形式還是瀏覽器
瀏覽器 （browser）
用戶上網(wǎng)搜索嗦锐，查看信息資源的應(yīng)用程序
功能就是用戶發(fā)送HTTP請(qǐng)求，接收服務(wù)器發(fā)回的HTTP響應(yīng)沪曙，渲染到HTML網(wǎng)頁(yè)奕污。
市面上的主流瀏覽器：IE，F(xiàn)irefox液走，Safari碳默，Chrome，opera
使用Chrome瀏覽器會(huì)得到更好的學(xué)習(xí)效果（渲染效果好缘眶，市場(chǎng)占有率很高嘱根，F(xiàn)12開(kāi)發(fā)者調(diào)試工具）
HTTP協(xié)議
超文本傳輸協(xié)議，是客戶端瀏覽器或其他程序與web服務(wù)器之間的應(yīng)用層通信協(xié)議
HTTP請(qǐng)求
1.request巷懈，瀏覽器根據(jù)網(wǎng)址向?qū)?yīng)的服務(wù)器發(fā)送請(qǐng)求
2.發(fā)起請(qǐng)求的方法：在瀏覽器地址欄輸入網(wǎng)址或者點(diǎn)擊網(wǎng)址鏈接
3.HTML頁(yè)面解析過(guò)程中该抒，會(huì)發(fā)出多個(gè)http請(qǐng)求，包括了網(wǎng)頁(yè)的圖片顶燕，視頻凑保，音頻等文件請(qǐng)求
HTTP響應(yīng)
響應(yīng)：response，服務(wù)器根據(jù)請(qǐng)求響應(yīng)一個(gè)HTML文件涌攻，將HTML傳輸?shù)娇蛻舳伺芬跒g覽器中進(jìn)行HTML網(wǎng)頁(yè)的渲染。
HTML概念
純文本格式
沒(méi)有任何的文本修飾的癣漆，沒(méi)有粗體维咸，下劃線，圖形惠爽，斜體癌蓖，符號(hào)或者特殊打印格式的文本，只保存文本婚肆，不保存格式設(shè)置租副。最常見(jiàn)的純文本格式文件就是.txt文件。
特點(diǎn):
1.文本只能保存文本较性，不保存其他的格式或非文本內(nèi)容用僧，有利于網(wǎng)絡(luò)傳輸
2.所有的純文本格式文件，可以通過(guò)直接更改拓展名的方式保存格式
3.純文本格式文件可以使用任意的純文本編輯器進(jìn)行查看和編輯
富文本格式
與純文本格式相對(duì)應(yīng)的就是富文本格式赞咙，最常見(jiàn)的是.rtf文件责循，類似于.doc文件，內(nèi)部可以文本的樣式攀操，圖片等等院仿。
HTML，JS,CSS都是純文本格式文件
HTML
Hypertext Markup Language：超文本標(biāo)記語(yǔ)言，是一種制作網(wǎng)頁(yè)的標(biāo)記語(yǔ)言歹垫，也是一種純文本格式文件剥汤。但是他能呈現(xiàn)的效果包含了文字以外的內(nèi)容，所以這就是HTML和其他文件的不同之處排惨。給普通的文本添加語(yǔ)義吭敢，描述超文本內(nèi)容，搭建網(wǎng)頁(yè)的基本結(jié)構(gòu)暮芭。
超文本
鏈接另一個(gè)文本或者多媒體內(nèi)容的文本鹿驼，比如圖片鏈接音頻視頻程序等等。
標(biāo)記
有特殊的書(shū)寫(xiě)規(guī)范谴麦，寫(xiě)給瀏覽器的一種語(yǔ)法格式蠢沿。eg：
<h1>標(biāo)題</h1>，<p>文本</p>匾效，<img src="路徑" alt="" />
等等
語(yǔ)義化網(wǎng)頁(yè)和它的優(yōu)勢(shì)：
HTML文件中利用標(biāo)記給普通的文字添加不同的語(yǔ)義，能夠讓網(wǎng)站的結(jié)構(gòu)劃分更加清晰
eg：
<article>文章內(nèi)容</article> <nav>導(dǎo)航欄</nav>
1.方便代碼的閱讀和后期維護(hù)
2.便于瀏覽器或者是網(wǎng)絡(luò)爬蟲(chóng)更好地解析網(wǎng)站內(nèi)容
3.使用語(yǔ)義化標(biāo)簽有利于SEO搜索引擎優(yōu)化恤磷，提高網(wǎng)站的搜索排名（提高點(diǎn)擊量）
