付思源
上午? ?
前段基礎(chǔ)?
軟件架構(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 負責(zé)頁面的樣式，美化頁面?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 3 行為 ：JAVASCRIPT 負責(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>
為了避免進入怪異模式，一定要寫文檔聲明，放在最上
實體的語法 ： &實體的名字;
< &|t;
> >
空格 HTML源碼中的多個空格會合拼成一個，一顆永 寫多個空格
版權(quán)符號? ©；
HTML 注釋
<!-- HTML注釋內(nèi)容-->
<img/>圖片標(biāo)簽
src： 圖片的路徑（必有屬性）
width：圖片寬度
height： 圖片高度
默認單位是px（像素） width="200px"
百分比設(shè)置，死父類的百分比，是動態(tài)改變的width="50%"
路徑的寫法
內(nèi)網(wǎng)路徑??
? ? 絕對路徑：不建議使用
? ? ? ?src="盤/文件名/圖片名"
? 相對路徑 ： 從引入者所在的目錄出發(fā)，建議使用
?src="../圖片"? ../表示上一層目錄 ./表示當(dāng)前目錄
<!DOCTYPE html>
<html>
<head>
<title>網(wǎng)頁標(biāo)題</title>
</head>
<body>
<center>
<div><a href="" name="aaa"></a></div>
<a href="#ccc" >去底部</a>
<a href="#bbb" >去指定位置</a>
<h1>這是一個好歌</h1>
<hr/>
<h2>勇氣</h2>
<a target="_blank">棉子</a>
<p>我愛你<br/></p>
<p>無畏人海的擁擠<br/></p>
<p>用盡余生的勇氣<br/></p>
<p>只為能靠近你<br/></p>
<p>哪怕一厘米<br/></p>
<p>是我落下的險棋<br/></p>
<p>不懼歲月的更替<br/></p>
<p>往后的朝夕<br/></p>
<p>不論風(fēng)雨<br/></p>
<p>是你就足矣<br/></p>
<p>看了太多情人分分合合<br/></p>
<p>愛其實很脆弱<br/></p>
<p>像溫室里的花朵<br/></p>
<p>你這么說<br/></p>
<p>我其實很忐忑<br/></p>
<p>若我沒有許過承諾<br/></p>
<p>你還愛我嗎<br/></p>
<p>聽夜空的流星<br/></p>
<p>隕落的聲音<br/></p>
<p>這愿望讓你聽<br/></p>
<div><a href="" name="bbb"></a></div>
<img src="秦霄賢.jpg" width="250px" height="250px" />
<p>我愛你<br/></p>
<p>無畏人海的擁擠<br/></p>
<p>用盡余生的勇氣<br/></p>
<p>只為能靠近你<br/></p>
<p>哪怕一厘米<br/></p>
<p>是我落下的險棋<br/></p>
<p>不懼歲月的更替<br/></p>
<p>往后的朝夕<br/></p>
<p>不論風(fēng)雨<br/></p>
<p>是你就足矣<br/></p>
<p>看了太多情人分分合合<br/></p>
<p>愛其實很脆弱<br/></p>
<p>像溫室里的花朵<br/></p>
<p>你這么說<br/></p>
<p>我其實很忐忑<br/></p>
<p>若我沒有許過承諾<br/></p>
<p>你還愛我嗎<br/></p>
<p>聽夜空的流星<br/></p>
<p>隕落的聲音<br/></p>
<p>這愿望讓你聽<br/></p>
<img src="1.ico.jpg" width="250px" height="250px" />
<hr/>
<p>友情鏈接:<a target="_blank">A鏈接|</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>
