1.web頁面組成:
HTML:頁面結(jié)構(gòu)
CSS:頁面樣式表現(xiàn)
JS:交互行為
2. sublime 顯示左側(cè)欄:
試圖->側(cè)邊欄->顯示或隱藏左邊欄
快速打開文件夾資源管理器: win+e快捷鍵
快速注釋:ctrl+/
3.
4. html:5 +tab 鍵能快速生成html5文檔結(jié)構(gòu) ? ? ?html:4s + tab鍵或者h(yuǎn)tml:4t + tab鍵快速生成html4文檔結(jié)構(gòu)?
.htm == .html
5. html 是html標(biāo)簽住练,body是頁面內(nèi)容標(biāo)簽(用戶看的)残邀,head是頭部標(biāo)簽(瀏覽器看的)Doctype 標(biāo)簽是文檔類型 e.g. <!DOCTYPE html> 這個一定不能省略
6.當(dāng)瀏覽器解析當(dāng)前文檔的編碼和文檔實際的編碼不一致時會出現(xiàn)亂碼。<meta charset = "UTF-8">
html標(biāo)簽只能嵌套head和body標(biāo)簽
7.title標(biāo)簽設(shè)置當(dāng)前瀏覽器頁面標(biāo)簽的標(biāo)簽內(nèi)容。 ? ctrl + shift + d 鍵能快速復(fù)制
8.域名預(yù)解析:可以有效的提高后續(xù)訪問網(wǎng)站的速度
9.dtd:文檔類型定義
10.一般一個頁面只有1個h1標(biāo)簽(當(dāng)然可以超過弧哎,但是不利于搜索SEO)
h1標(biāo)題標(biāo)簽:是標(biāo)注當(dāng)前頁面中的文檔最重要的核心主題的文本 ? 段落標(biāo)簽<p></p>
11. h1 + tab 鍵可以快速生成h1標(biāo)簽朵逝, 類似于p標(biāo)簽 ?<hr>標(biāo)簽是單標(biāo)簽,即產(chǎn)生水平線
12.文檔之間的空格會合并換行標(biāo)簽 <br> ?換行標(biāo)簽 .
13.<span>this is good.</span> ?是文本節(jié)的標(biāo)簽坷襟,用于小字節(jié)不需要分段
14.<em>this </em> 著重顯示字體 <i> </i>標(biāo)簽不推薦使用
15. <em>:是局部的文本的加強(qiáng)語氣奸柬,但是其可以改變局部的文檔的語義和<strong>:是針對整個文檔
16.<sub> and <sup> 下標(biāo)和上標(biāo)標(biāo)簽
17.ctrl + 回車鍵可以讓光標(biāo)快速的定位到行首 ctrl + r 鍵: 瀏覽器的刷新
18. <del>標(biāo)簽 刪除標(biāo)簽 <ins></ins> ?加下劃線
19.超級鏈接標(biāo)簽 a標(biāo)簽 <a target = "_blank" herf = "www.baidu.com"> front end developement</a>
target properties: _blank and _self ? ? ?br*20 + tab快速生成20個換行鍵
20.錨點:<span id = "demo">front-end dev.</span> ? <a herf = "#id">
21.win+r打開dos運行窗口
22. picture with gif format can support animation. gif圖片小婴程,兼容性好廓奕,支持透明,色彩太多不行档叔。
JPG:廣告桌粉,大的圖片,照片
PNG(png-24和32)圖片不支持動動畫衙四, 支持alpha動畫(透明铃肯,半透明,)