軟件架構(gòu)? ?A? ：? C/S 客戶端/服務(wù)器 ： 特點 1 軟件使用前必須得安裝? 2 軟件更新時慎冤，服務(wù)器和客戶端得同時更新
3 C/S 架構(gòu)的軟件不能跨平臺使用? 4 C/S 架構(gòu)的軟件客戶端和服務(wù)器通信采用的是自有協(xié)議敦锌，相對來說比較安全
? ? ? ? ? ? ? ? ?B? ：? B/S 瀏覽器/服務(wù)器：特點 1 軟件不需要安裝，直接瀏覽器訪問指定的網(wǎng)址即可?
2 軟件更新，客戶端不用更新 3 軟件可以跨平臺牙肝，只要系統(tǒng)中有瀏覽器就可以使用
4 B/S 架構(gòu)的軟件，客戶端和服務(wù)器之間通信采用的是通用的HTTP協(xié)議，相對來說不安全
軟件開發(fā)流程 網(wǎng)頁設(shè)計師根據(jù)需求設(shè)計網(wǎng)頁--前端工程師將設(shè)計做成靜態(tài)網(wǎng)頁（訪問接口）--后臺工程師將靜態(tài)網(wǎng)頁修改成動態(tài)網(wǎng)頁（后臺值提供接口）? ? ?前后都會? 前+后= 全棧工程師
W3C標(biāo)準(zhǔn)? 一個網(wǎng)頁分三個部分組成 1 結(jié)構(gòu) ：HTML用于描述頁面的（超文本標(biāo)記語言）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 2 表現(xiàn) ：CSS負(fù)責(zé)頁面的樣式箍镜，美化頁面?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 3 行為 ：JAVASCRIPT負(fù)責(zé)頁面的行為
HTML（）超文本標(biāo)記語言
文本：相當(dāng)于記事本里寫的文字，用于展示信息
超文本： 超越了文本僅僅展示信息的功能范疇煎源，泛指圖片色迂、有樣式的文字、點擊跳轉(zhuǎn)頁面的文字
語言： 工具
標(biāo)記： 標(biāo)簽
HTML 是由標(biāo)簽所組成的語言手销，能展示超文本效果
HTML 是用來寫網(wǎng)頁的歇僧，是設(shè)計頁面的基礎(chǔ)
HTML 語言的特征
HTML 代碼是由頭和體組成
<html>跟標(biāo)簽
<head>中存放的都是網(wǎng)頁的說明性內(nèi)容，例如標(biāo)題
HTML 文件的擴展名為html 或者 htm
HTML 文件有瀏覽器直接解析執(zhí)行锋拖，無需編譯诈悍，直接由上到下一次執(zhí)行解析
HTML 標(biāo)簽通常由開始標(biāo)簽和結(jié)束標(biāo)簽組成
例如： <font>內(nèi)容體</font>
沒有內(nèi)容體制標(biāo)簽叫做空標(biāo)簽（自結(jié)束標(biāo)簽）例如<br/>換行標(biāo)簽
<hr/> 一條水平線
HTML不區(qū)分大小寫 建議小寫
標(biāo)簽屬性： 屬性名="屬性值"
HTML 標(biāo)簽建議包裹嵌套，不建議交叉嵌套
字體標(biāo)簽和格式標(biāo)簽
字體標(biāo)簽
<font>字體標(biāo)簽兽埃，修飾文字樣式
<font color="blue" size="7">第二個</font>
size:大小 最小1? 最大7
color 字體顏色 使用英文? 例如red侥钳，使用#ff00ab
face: 字體
H5 文檔聲明
<!DOCTYPE html>
為了避免進入怪異模式，一定要寫文檔聲明讲仰，放在最上
格式化標(biāo)簽
<br/>換行標(biāo)簽
<p></p>段落標(biāo)簽慕趴，劃分段落，自動段前和段后有空行
aligh ：段落內(nèi)容的對齊方式??
默認(rèn)是left左對齊
right右對齊
center居中
實體的語法 ： &實體的名字;
< &|t;
> >
空格 HTML源碼中的多個空格會合拼成一個鄙陡，一顆永 寫多個空格
版權(quán)符號? ©冕房；
HTML 注釋
<!-- HTML注釋內(nèi)容-->
<img/>圖片標(biāo)簽
src： 圖片的路徑（必有屬性）
width：圖片寬度
height： 圖片高度
默認(rèn)單位是px（像素） width="200px"
百分比設(shè)置，死父類的百分比趁矾，是動態(tài)改變的width="50%"
路徑的寫法
內(nèi)網(wǎng)路徑??
? ? 絕對路徑：不建議使用
? ? ? ?src="盤/文件名/圖片名"
? 相對路徑 ： 從引入者所在的目錄出發(fā)耙册，建議使用
?src="../圖片"? ../表示上一層目錄 ./表示當(dāng)前目錄
<!DOCTYPE html>
<html>
<center>
<head>
? ? <a href="#mark-1">去底部</a>
? ? <a href="#mark-2">去指定位置</a>
? <h1>這是我的個人微博</h1>
? <hr/>
? <h3>下雨的杭州</h3>
? <title>董宇浩
</title>
</head>
<body>
? <a target="_blank">解憂少帥</a>
<a href="" name="mark-2"></a></div>
<p>天黑了以后走在雨后的杭州</p>
<p>突然想喝一點點啤酒</p>
<p>今夜的天空是那么溫柔</p>
<p>夜空把往事都照在心頭</p>
<p>你是讓我不敢直視的星辰</p>
<p>匆匆一目便使我沉淪</p>
<img src="1.jpg" width="300px" />
<p>你是我不敢凝望的方向</p>
<p>畢竟你從不會回頭張望</p>
<p>下雨的杭州 西子望橋頭</p>
<p>偶然的邂逅 回憶的溫柔</p>
<p>第二天下午我去西湖走走</p>
<p>淅瀝的雨 澆滅不了我的憂愁</p>
<p>我和你的關(guān)系就像白天和黑夜</p>
<p>以及六月的斷橋沒有殘雪</p>
<p>你是我撐眼遙望的萬丈光芒</p>
<p>永遠(yuǎn)向著太陽不會迷失方向</p>
<img src="2.jpg" width="300px" />
<p>你是我跌入深淵卻依然牽著的手</p>
<p>這座孤獨的城市越來越溫柔</p>
<p>下雨的杭州 西子望橋頭</p>
<p>偶然的邂逅 回憶的溫柔</p>
<p>你是我不敢直視的星辰</p>
<p>匆匆一目便使我沉淪</p>
<p>你是我不敢凝望的方向</p>
<p>你是我撐眼遙望的萬丈光芒</p>
<p>永遠(yuǎn)向著太陽不會迷失方向</p>
<p>你是我跌入深淵卻依然牽著的手</p>
<p>這座孤獨的城市越來越溫柔</p>
<p>下雨的杭州 西子望橋頭</p>
<p>偶然的邂逅 回憶的溫柔</p>
<hr/>
? 友情鏈接：<a href="2">A網(wǎng)站</a>
? ? ? ? ? ? <a href="3">B網(wǎng)站</a>
? ? ? ? ? ? <a href="4">C網(wǎng)站</a>
<br/>
<a href="" name="mark-1">回頂部 </a></div>
<a href="1">|聯(lián)系我們</a>
</body>
</center>
</html>
