- 常用快捷鍵
- windows + d 返回桌面
- windows + e 我的電腦
- windows + r 打開(kāi)運(yùn)行
- alt + table 切換軟件
- ctrl+tab 文檔之間切換
- F2 重命名
- F5 刷新頁(yè)面
- 認(rèn)識(shí)大前端
- 前端就是將效果圖生成網(wǎng)頁(yè)，利用html+css+js
- 目前pc端，移動(dòng)端成為熱門(mén)帶動(dòng)前端
- 解決用戶(hù)體驗(yàn)，前端可以做很好的用戶(hù)體驗(yàn)
- 認(rèn)識(shí)網(wǎng)頁(yè)
- 網(wǎng)頁(yè)由文字，圖片，輸入框，視頻，音頻，超鏈接等組成
- web標(biāo)準(zhǔn)
- w3c組織 （萬(wàn)維網(wǎng)聯(lián)盟）
- html 結(jié)構(gòu)標(biāo)準(zhǔn) 相當(dāng)于人的身體 2d
- css 樣式標(biāo)準(zhǔn) 相當(dāng)于給人化妝 變得更漂亮 7d
- js 行為標(biāo)準(zhǔn) 相當(dāng)于人在唱歌 頁(yè)面變得靈動(dòng) 3d
- 瀏覽器
- 瀏覽器是上網(wǎng)客戶(hù)端（軟件）。ie，火狐，谷歌，safari，opera
- 瀏覽器內(nèi)核
- 渲染引擎 渲染引擎決定了瀏覽器如何顯示網(wǎng)頁(yè)的內(nèi)容，以及頁(yè)面的格式信息，渲染引擎不同，導(dǎo)致兼容性問(wèn)題
- 瀏覽器和服務(wù)器那點(diǎn)事
- IIS web服務(wù)器（軟件） 提供網(wǎng)頁(yè)瀏覽服務(wù)
- 網(wǎng)址 URL 地址
- 瀏覽器向服務(wù)器發(fā)送請(qǐng)求（通過(guò)http協(xié)議）
- http協(xié)議： 超文本傳輸協(xié)議，也就是瀏覽器和服務(wù)器端的頁(yè)面?zhèn)鬏敂?shù)據(jù)的約束和規(guī)范
- url協(xié)議：平時(shí)我們寫(xiě)的網(wǎng)址就是url地址
- 協(xié)議規(guī)定格式：
-
scheme://host.domain:port/path/fimename
- scheme: 定義因特網(wǎng)服務(wù)的烈性。常見(jiàn)的就是http
- host: 定義域主機(jī)（http的默認(rèn)主機(jī)是www）
- domain: 定義因特網(wǎng)域名 比如：w3school.com.cn
- :port :定義端口號(hào)（網(wǎng)頁(yè)默認(rèn)端口：80）
- path：網(wǎng)頁(yè)所在服務(wù)器上的路徑
- filename：文件名稱(chēng)
-
scheme://host.domain:port/path/fimename
- 認(rèn)識(shí)html
- hyper text markup language 超文本標(biāo)記語(yǔ)言,標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用
- 超文本：就是指頁(yè)面內(nèi)可以包含圖片、鏈接、甚至音樂(lè)、程序等非文字元素。
- 超文本標(biāo)記語(yǔ)言的結(jié)構(gòu)包括“頭”部分和“主體”部分，其中head部分提供關(guān)于網(wǎng)頁(yè)的信息，body部分提供網(wǎng)頁(yè)的具體內(nèi)容
- Html 結(jié)構(gòu)標(biāo)準(zhǔn)
<!doctype html> 聲明文檔類(lèi)型 <html> 根標(biāo)簽 <head> 頭標(biāo)簽 <title></title> 標(biāo)題標(biāo)簽 </head> <body> 主體標(biāo)簽 </body> - hyper text markup language 超文本標(biāo)記語(yǔ)言,標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用
</html>
后綴名不能決定文件的格式，只能決定打開(kāi)的方式
* html標(biāo)簽分類(lèi)
* 單標(biāo)簽 <! doctype html>
* 雙標(biāo)簽 <heml></html> <head></head> <body></body>
* html標(biāo)簽關(guān)系分類(lèi)
* 包含(嵌套關(guān)系) <head><title></title></head> 父子
* 并列 <head></head><body></body> 兄弟姐妹
* 開(kāi)發(fā)工具
* sublime 輕量級(jí) 有很多好用的額插件
* html:xt+tab html結(jié)構(gòu)性代碼
* tab 補(bǔ)全標(biāo)簽代碼
* ctrl+shift+d 快速?gòu)?fù)制一行
* ctrl+shift+k 快速刪除一行
* ctrl+鼠標(biāo)單擊 集體輸入
* ctrl+h 查找和替換
* ctrl+f 查找
* ctrl+/ 注釋
* ctrl+l 快速選中一行
* ctrl+shift+上下箭頭 快速上移下移
* f11 全屏
* Alt+shift+123 編輯區(qū)域顯示123列
*
* webstorm 重量級(jí) 很智能
* 標(biāo)簽
* 單便簽
* 注釋標(biāo)簽 （ctrl+/）
* 換行標(biāo)簽 <br/>(斜杠有沒(méi)有都行)
* 水平線標(biāo)簽 <hr/>
* 雙標(biāo)簽
* < p>< /p> 段落標(biāo)簽 特點(diǎn)：上下自動(dòng)生成空白行 < br>換行不會(huì)生成空白行
* <h1~6></h1~6> 標(biāo)題標(biāo)簽 h1在一個(gè)頁(yè)面里只能出現(xiàn)一次。
* <font size=“6” Color=“red”>文本內(nèi)容</font> 文本標(biāo)簽
* < strong >魚(yú)缸</ strong > < b>< b/> 字體加粗
* < em></ em> < i> < /i> 文本傾斜
* < del></ del> <s></s> 刪除線
* < ins></ins> < u>ss< /u> 下劃線ss標(biāo)簽
注意：之所以工作中使用< strong>< /strong> < em>< /em> < del> < /del> < ins>< /ins> 是因?yàn)楦姓Z(yǔ)意化
* `<img str="lzl.jpg" alt="林志玲" title="林志玲" width=“300” height=“300”/>`
* alt：圖片不顯示的時(shí)替代文本，對(duì)于殘疾人，alt屬性是他們了解圖片的唯一方式
* str: 圖片的來(lái)源 必寫(xiě)屬性
* title：鼠標(biāo)在圖片上時(shí)顯示的文本
* width：設(shè)置圖片的寬度 如果只設(shè)置寬度等比例縮放
* height：設(shè)置圖片的高度 只設(shè)置高度等比例縮放
* 路徑
* 相對(duì)路徑
* 文件和圖片在同一個(gè)文件夾，直接寫(xiě)文件名即可，如果
* 文件和圖片再下一級(jí)目錄里，文件夾名稱(chēng)+/+圖片名稱(chēng)
* 文件和圖片在上一級(jí)，../+圖片名稱(chēng)
* 圖片在文件的上一級(jí)的其它目錄中， ../其它目錄/圖片名稱(chēng)
* 絕對(duì)路徑
* 超鏈接
* `<a href="" title="標(biāo)題" target="_blank"></a>`
* href：需要調(diào)整的頁(yè)面 必寫(xiě)屬性
* title： 鼠標(biāo)經(jīng)過(guò)顯示的文字 一般不寫(xiě)
* target: _blank _self
* _self為默認(rèn)值,關(guān)閉自身頁(yè)面，打開(kāi)連接頁(yè)面
* _blank 自身頁(yè)面不關(guān)閉，打開(kāi)新頁(yè)面
* href="#" 空連接，還會(huì)鏈接到自己本身
* <a href="壓縮包路徑.rar">壓縮包</a> 壓縮文件下載
* <head><base target="_blank"></head> 超鏈接優(yōu)化寫(xiě)法 讓當(dāng)前頁(yè)面所有的超鏈接都在新窗口打開(kāi)
* 錨連接
* 先定義一個(gè)錨點(diǎn) `<p id="#sd">`
* 超鏈接到錨點(diǎn) `< a href=@"#sd"></a>`
* 特殊符號(hào)
* 列表
* 無(wú)序列表
```
<ui type=“square|disk|circle”>
<li></li>
<li></li>
</ui>
```
tpye="square" 小方塊
type=“disc‘ 實(shí)心小圓圈
type=”sircel“ 空心小圓圈
* 有序列表
```
<ol tpye="a|A|i" start=”“>
<li></li>
<li></li>
</ol>
```
type="a,1,A,I,i" type的值可以為 a,1,A,I,i start決定了開(kāi)始的數(shù)字
* 自定義列表
```
<dl>
<dt></dt>
<dd></dd>
</dl>
```
* 音樂(lè)標(biāo)簽
`<embed src="文件路徑" hidden=”true“>`
* 滾動(dòng)
