網(wǎng)頁的簡介
- 網(wǎng)頁即瀏覽器顯示給用戶看的頁面忍啤，通常這些頁面都是瀏覽器內(nèi)核把代碼渲染后展示出來的效果编检。一般有文本胎食、圖像、鏈接允懂、音頻厕怜、視頻等元素來組成。
瀏覽器介紹
- 常用的五大瀏覽器（按照市場占用率排列）
1.谷歌（內(nèi)核：blink）蕾总；
2.IE|Edge（內(nèi)核:Trident|EdgeHtml）粥航；
3.safari（內(nèi)核：webkit）；
4.firefox（內(nèi)核：Gecko）生百；
5.opera（內(nèi)核：blink）递雀。
Web標(biāo)準(zhǔn)
- 正因為各大瀏覽器的內(nèi)核不同，為了保證渲染出來的效果一致蚀浆，w3c推出了web標(biāo)準(zhǔn)缀程。
1.結(jié)構(gòu)標(biāo)準(zhǔn)：用html來書寫；
2.樣式標(biāo)準(zhǔn)：用css來書寫市俊；
3.行為標(biāo)準(zhǔn)：用js來書寫杨凑。
HTML介紹
- 超文本標(biāo)記語言，網(wǎng)頁中可以包含各種多媒體文件秕衙，需要不同的標(biāo)簽來聲明蠢甲。作用是繪制網(wǎng)頁結(jié)構(gòu)
html標(biāo)簽
標(biāo)簽類型：有單標(biāo)簽和雙標(biāo)簽僵刮；
標(biāo)簽關(guān)系：父子關(guān)系和并列關(guān)系据忘；
-
hmtl骨架（最新H5）:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
常用開發(fā)工具：
- sublime輕量級；
- webstorm功能強大的IDE工具搞糕。
- 一些常用的編輯操作：
- 標(biāo)簽字母+tab 快捷生成標(biāo)簽格式
- html:5+tab 快捷生成html5骨架
- ol>li*5 快捷生成ol標(biāo)簽格式勇吊，5個li
字符集：
- 強烈推薦用現(xiàn)在最強大的字符集UTF-8
各種標(biāo)簽：
-
<h1-6></h1-6>標(biāo)題標(biāo)簽，獨占一行窍仰，有6個等級汉规。一般h1標(biāo)簽一個頁只用一次，用于展示LOGO -
<p></p>段落標(biāo)簽驹吮。獨占一行 -
<hr />下劃線標(biāo)簽 -
<br />換行標(biāo)簽 -
<strong></strong>加粗并強調(diào)標(biāo)簽 -
<em></em>傾斜 -
<del></del>刪除線 -
<ins></ins>下劃線 -
<base target="_blank" />寫在head標(biāo)簽中全局設(shè)置超鏈接打開新窗口
標(biāo)簽屬性：
- 除了標(biāo)簽必須帶的屬性之外针史，例如：
<img src=""><a href="">等等之外，一般不建議過多使用標(biāo)簽屬性碟狞，建議用CSS來調(diào)整樣式
錨點定位：
-
同頁面錨點定位：
<a href="#錨點名">錨點</a><h2 name="名">跳轉(zhuǎn)點</a>
-
不同頁面錨點定位：
<a href="xxxx.html#錨點名">錨點</a><h2 name="名">xxxx.html頁面的跳轉(zhuǎn)點</a>
特殊字符：
-
& nbsp;空格 -
& lt;< -
& gt;> - 只記錄幾個常用的啄枕，其他用的時候翻手冊。
注釋標(biāo)簽
- 注意：注釋顧名思義作用是解釋代碼的族沃，是針對同事或者后續(xù)接收人員看代碼用的频祝，不顯示到頁面泌参。
<!- - 注釋語句 - ->
路徑
-
相對路徑（三種情況）：
- 同級路徑，使用./調(diào)用文件名常空，例如：
<a href="./文件"></a> - 下級路徑沽一，使用/來引導(dǎo)，例如：
<a href="下一級目錄名/文件"></a> - 上級路徑漓糙，使用../（上兩級就用../../铣缠，以此類推）來引導(dǎo)，例如
<a href="../文件"></a>
- 同級路徑，使用./調(diào)用文件名常空，例如：
絕對路徑：
http://www.itcast.cn/images/logo.gif昆禽，包含了完整路徑的地址攘残。
