一、基礎(chǔ)認(rèn)知
1、常見五大瀏覽器
IE瀏覽器：內(nèi)核--Trident
火狐瀏覽器:內(nèi)核--Gecko
Safar瀏覽器：內(nèi)核--Webkit
谷歌瀏覽器、歐朋瀏覽器：內(nèi)核--Blink(Webkit的分支)
2、Web標(biāo)準(zhǔn)
三個(gè)構(gòu)成：
結(jié)構(gòu)：HTML---頁面元素和內(nèi)容-------body
表現(xiàn)：CSS---頁面樣式------style
行為：JavaScript---網(wǎng)頁模型定義與頁面交互----action
3、HTML
Hyper Text Markup Language? 超文本標(biāo)記
3.1 頁面固定結(jié)構(gòu)
<!DOCTYPE html>
<html lang="en">
<head>
?? <title>網(wǎng)頁標(biāo)題</title>
</head>
<body>
? ? 網(wǎng)頁主體
</body>
</html>
3.2 注釋
快捷鍵：ctrl + /
4、HTML常用標(biāo)簽
4.1、排版標(biāo)簽
4.1.1 標(biāo)題標(biāo)簽：h系列標(biāo)簽
h1~h6:重要程度一次遞減
? <h1>1級標(biāo)題</h1>
? <h2>2級標(biāo)題</h2>
? <h3>3級標(biāo)題</h3>
? <h4>4級標(biāo)題</h4>
? <h5>5級標(biāo)題</h5>
? <h6>6級標(biāo)題</h6>
4.1.2 段落標(biāo)簽
<p></p>? 段落標(biāo)簽
4.1.3 換行標(biāo)簽
<br>? 讓文字強(qiáng)制換行
4.1.3 水平線標(biāo)簽
<hr>? 主題的分割轉(zhuǎn)換
4.2 文本格式化標(biāo)簽
文字加粗：b
下劃線：u
傾斜：i
刪除線：s
文字加粗：strong
下劃線：ins
傾斜：em
刪除線：del
注：表示的強(qiáng)調(diào)語義更強(qiáng)烈
4.3 媒體標(biāo)簽
4.3.1 圖片標(biāo)簽
<img src="目標(biāo)圖片路徑 " alt="替換文本" title="提示文本" width="寬度" height="高度">
alt：圖片加載失敗，才顯示alt的文本；
title：鼠標(biāo)懸停才顯示的文本，不僅可用于圖片標(biāo)簽，還可用于其他標(biāo)簽
