? 總結(jié)
前端基礎(chǔ)?
軟件架構(gòu)? ?A? ：? C/S 客戶端/服務(wù)器 ： 特點(diǎn) 1 軟件使用前必須得安裝? 2 軟件更新時(shí)赌渣，服務(wù)器和客戶端得同時(shí)更新
3 C/S 架構(gòu)的軟件不能跨平臺(tái)使用? 4 C/S 架構(gòu)的軟件客戶端和服務(wù)器通信采用的是自有協(xié)議，相對(duì)來(lái)說(shuō)比較安全
? ? ? ? ? ? ? ? ?B? ：? B/S 瀏覽器/服務(wù)器：特點(diǎn) 1 軟件不需要安裝膜楷，直接瀏覽器訪問(wèn)指定的網(wǎng)址即可?
2 軟件更新已艰，客戶端不用更新 3 軟件可以跨平臺(tái)，只要系統(tǒng)中有瀏覽器就可以使用
4 B/S 架構(gòu)的軟件，客戶端和服務(wù)器之間通信采用的是通用的HTTP協(xié)議手幢，相對(duì)來(lái)說(shuō)不安全
軟件開(kāi)發(fā)流程 網(wǎng)頁(yè)設(shè)計(jì)師根據(jù)需求設(shè)計(jì)網(wǎng)頁(yè)--前端工程師將設(shè)計(jì)做成靜態(tài)網(wǎng)頁(yè)（訪問(wèn)接口）--后臺(tái)工程師將靜態(tài)網(wǎng)頁(yè)修改成動(dòng)態(tài)網(wǎng)頁(yè)（后臺(tái)值提供接口）? ? ?前后都會(huì)? 前+后= 全棧工程師
W3C標(biāo)準(zhǔn)? 一個(gè)網(wǎng)頁(yè)分三個(gè)部分組成 1 結(jié)構(gòu) ：HTML用于描述頁(yè)面的（超文本標(biāo)記語(yǔ)言）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 2 表現(xiàn) ：CSS 負(fù)責(zé)頁(yè)面的樣式，美化頁(yè)面?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 3 行為 ：JAVASCRIPT 負(fù)責(zé)頁(yè)面的行為
HTML（）超文本標(biāo)記語(yǔ)言
文本：相當(dāng)于記事本里寫(xiě)的文字忱详，用于展示信息
超文本： 超越了文本僅僅展示信息的功能范疇围来，泛指圖片、有樣式的文字、點(diǎn)擊跳轉(zhuǎn)頁(yè)面的文字
語(yǔ)言： 工具
標(biāo)記： 標(biāo)簽
HTML 是由標(biāo)簽所組成的語(yǔ)言监透，能展示超文本效果
HTML 是用來(lái)寫(xiě)網(wǎng)頁(yè)的桶错，是設(shè)計(jì)頁(yè)面的基礎(chǔ)
下午
HTML 語(yǔ)言的特征
HTML 代碼是由頭和體組成
<html>跟標(biāo)簽
<head>中存放的都是網(wǎng)頁(yè)的說(shuō)明性?xún)?nèi)容，例如標(biāo)題
HTML 文件的擴(kuò)展名為html 或者 htm
HTML 文件有瀏覽器直接解析執(zhí)行胀蛮，無(wú)需編譯院刁，直接由上到下一次執(zhí)行解析
HTML 標(biāo)簽通常由開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽組成
例如： <font>內(nèi)容體</font>
沒(méi)有內(nèi)容體制標(biāo)簽叫做空標(biāo)簽（自結(jié)束標(biāo)簽）例如<br/>換行標(biāo)簽
<hr/> 一條水平線
HTML不區(qū)分大小寫(xiě) 建議小寫(xiě)
標(biāo)簽屬性： 屬性名="屬性值"
HTML 標(biāo)簽建議包裹嵌套，不建議交叉嵌套
字體標(biāo)簽和格式標(biāo)簽
字體標(biāo)簽
<font>字體標(biāo)簽粪狼，修飾文字樣式
<font color="blue" size="7">第二個(gè)</font>
size:大小 最小1? 最大7
color 字體顏色 使用英文? 例如red退腥，使用#ff00ab
face: 字體
H5 文檔聲明
<!DOCTYPE html>
為了避免進(jìn)入怪異模式，一定要寫(xiě)文檔聲明再榄，放在最上
實(shí)體的語(yǔ)法 ： &實(shí)體的名字;
< &|t;
> >
空格 HTML源碼中的多個(gè)空格會(huì)合拼成一個(gè)狡刘，一顆永 寫(xiě)多個(gè)空格
版權(quán)符號(hào)? ©；
HTML 注釋
<!-- HTML注釋內(nèi)容-->
<img/>圖片標(biāo)簽
src： 圖片的路徑（必有屬性）
width：圖片寬度
height： 圖片高度
默認(rèn)單位是px（像素） width="200px"
百分比設(shè)置不跟，死父類(lèi)的百分比颓帝，是動(dòng)態(tài)改變的width="50%"
路徑的寫(xiě)法
內(nèi)網(wǎng)路徑??
? ? 絕對(duì)路徑：不建議使用
? ? ? ?src="盤(pán)/文件名/圖片名"
? 相對(duì)路徑 ： 從引入者所在的目錄出發(fā)，建議使用
?src="../圖片"? ../表示上一層目錄 ./表示當(dāng)前目錄
上午? ?
前段基礎(chǔ)?
軟件架構(gòu)? ?A? ：? C/S 客戶端/服務(wù)器 ： 特點(diǎn) 1 軟件使用前必須得安裝? 2 軟件更新時(shí)窝革，服務(wù)器和客戶端得同時(shí)更新
3 C/S 架構(gòu)的軟件不能跨平臺(tái)使用? 4 C/S 架構(gòu)的軟件客戶端和服務(wù)器通信采用的是自有協(xié)議购城，相對(duì)來(lái)說(shuō)比較安全
? ? ? ? ? ? ? ? ?B? ：? B/S 瀏覽器/服務(wù)器：特點(diǎn) 1 軟件不需要安裝，直接瀏覽器訪問(wèn)指定的網(wǎng)址即可?
2 軟件更新虐译，客戶端不用更新 3 軟件可以跨平臺(tái)瘪板，只要系統(tǒng)中有瀏覽器就可以使用
4 B/S 架構(gòu)的軟件，客戶端和服務(wù)器之間通信采用的是通用的HTTP協(xié)議漆诽，相對(duì)來(lái)說(shuō)不安全
軟件開(kāi)發(fā)流程 網(wǎng)頁(yè)設(shè)計(jì)師根據(jù)需求設(shè)計(jì)網(wǎng)頁(yè)--前端工程師將設(shè)計(jì)做成靜態(tài)網(wǎng)頁(yè)（訪問(wèn)接口）--后臺(tái)工程師將靜態(tài)網(wǎng)頁(yè)修改成動(dòng)態(tài)網(wǎng)頁(yè)（后臺(tái)值提供接口）? ? ?前后都會(huì)? 前+后= 全棧工程師
W3C標(biāo)準(zhǔn)? 一個(gè)網(wǎng)頁(yè)分三個(gè)部分組成?
1 結(jié)構(gòu) ：HTML用于描述頁(yè)面的（超文本標(biāo)記語(yǔ)言）
?2 表現(xiàn) ：CSS 負(fù)責(zé)頁(yè)面的樣式侮攀，美化頁(yè)面?
3 行為 ：JAVASCRIPT 負(fù)責(zé)頁(yè)面的行為
HTML（）超文本標(biāo)記語(yǔ)言
文本：相當(dāng)于記事本里寫(xiě)的文字，用于展示信息
超文本： 超越了文本僅僅展示信息的功能范疇厢拭，泛指圖片兰英、有樣式的文字、點(diǎn)擊跳轉(zhuǎn)頁(yè)面的文字
語(yǔ)言： 工具
標(biāo)記： 標(biāo)簽
HTML 是由標(biāo)簽所組成的語(yǔ)言供鸠，能展示超文本效果
HTML 是用來(lái)寫(xiě)網(wǎng)頁(yè)的畦贸，是設(shè)計(jì)頁(yè)面的基礎(chǔ)
下午
HTML 語(yǔ)言的特征
HTML 代碼是由頭和體組成
<html>跟標(biāo)簽
<head>中存放的都是網(wǎng)頁(yè)的說(shuō)明性?xún)?nèi)容，例如標(biāo)題
HTML 文件的擴(kuò)展名為html 或者 htm
HTML 文件有瀏覽器直接解析執(zhí)行楞捂，無(wú)需編譯薄坏，直接由上到下一次執(zhí)行解析
HTML 標(biāo)簽通常由開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽組成
例如： <font>內(nèi)容體</font>
沒(méi)有內(nèi)容體制標(biāo)簽叫做空標(biāo)簽（自結(jié)束標(biāo)簽）例如<br/>換行標(biāo)簽
<hr/> 一條水平線
HTML不區(qū)分大小寫(xiě) 建議小寫(xiě)
標(biāo)簽屬性： 屬性名="屬性值"
HTML 標(biāo)簽建議包裹嵌套，不建議交叉嵌套
字體標(biāo)簽和格式標(biāo)簽
字體標(biāo)簽
<font>字體標(biāo)簽寨闹，修飾文字樣式
<font color="blue" size="7">第二個(gè)</font>
size:大小 最小1? 最大7
color 字體顏色 使用英文? 例如red胶坠，使用#ff00ab
face: 字體
H5 文檔聲明
<!DOCTYPE html>
為了避免進(jìn)入怪異模式，一定要寫(xiě)文檔聲明繁堡，放在最上
實(shí)體的語(yǔ)法 ： &實(shí)體的名字;
< &|t;
> >
空格 HTML源碼中的多個(gè)空格會(huì)合拼成一個(gè)沈善，一顆永 寫(xiě)多個(gè)空格
版權(quán)符號(hào)? ©乡数；
HTML 注釋
<!-- HTML注釋內(nèi)容-->
<img/>圖片標(biāo)簽
src： 圖片的路徑（必有屬性）
width：圖片寬度
height： 圖片高度
默認(rèn)單位是px（像素） width="200px"
百分比設(shè)置，死父類(lèi)的百分比矮瘟，是動(dòng)態(tài)改變的width="50%"
路徑的寫(xiě)法
內(nèi)網(wǎng)路徑??
? ? 絕對(duì)路徑：不建議使用
? ? ? ?src="盤(pán)/文件名/圖片名"
? 相對(duì)路徑 ： 從引入者所在的目錄出發(fā)瞳脓，建議使用
?src="../圖片"? ../表示上一層目錄 ./表示當(dāng)前目錄
互聯(lián)網(wǎng)路徑？
src="https://dss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=3898709406,858372587&fm=85&app=63&f=JPEG?w=121&h=75&s=FAA024C5BE5379D4EC0DC19C03008013"
<!DOCTYPE html>
<html>
? ? ? ?<head>
? ? ? ?<title>網(wǎng)頁(yè)標(biāo)題</title>
? ? ? ?</head>
? ? ? ?<body>
<center>
? ? ? ? <div><a href="" name="aaa"></a></div>
? ? ? ? <a href="#ccc" >去底部</a>
? ? ? ? <a href="#bbb" >去指定位置</a>
? ? ? ? <h1>這是一個(gè)好歌</h1>
? ? ? ? <hr/>
? ? ? ? <h2>山海</h2>
? ? ? ? <a target="_blank">草東沒(méi)有派對(duì)</a>
<p>我看著 天真的我自己<br/></p>
<p>出現(xiàn)在 沒(méi)有我的故事里<br/></p>
<p>等待著 我的回應(yīng)<br/></p>
<p>一個(gè)為何至此 的原因<br/></p>
<p>他明白 他明白 我給不起<br/></p>
<p>于是轉(zhuǎn)身向山里走去<br/></p>
<p>他明白 他明白 我給不起<br/></p>
<p>于是轉(zhuǎn)身向大海走去<br/></p>
<img src="00.jpg" width="300px" />
<p>我聽(tīng)著那少年的聲音 在還有未來(lái)的過(guò)去<br/></p>
<p>渴望著 美好結(jié)局<br/></p>
<p>卻沒(méi)能成為自己<br/></p>
<p>他明白 他明白 我給不起<br/></p>
<p>于是轉(zhuǎn)身向山里走去<br/></p>
<p>他明白 他明白 我給不起<br/></p>
<p>于是轉(zhuǎn)身向大海走去<br/></p>
<hr/>
<p>友情鏈接:<a target="_blank">A鏈接|</a>
<p>友情鏈接:<a target="_blank">A鏈接|</a>
<a target="_blank">C鏈接</a>
<a target="_blank">B鏈接|</a>
<a target="_blank">C鏈接</a>
</p>
<a href="#aaa" >去頂部|</a>
<a target="_blank">聯(lián)系我們</a>
<div><a href="" name="ccc"></a></div>
</center>
</body>
</html>
