01 初步認識瀏覽器
02 瀏覽器內核
IE 內核:Trident， win10 Edge 內核:EdgeHTML
Firefox(火狐瀏覽器) 內核:Gecko
Safari，內核:Webkit，蘋果公司開發。
Chrome 內核:Blink 渲染引擎（瀏覽器核心），為Webkit 分支，國內絕大多數瀏覽器內核都是用Blink。
Presto 內核:Opera （已廢棄）
03 Web 標准
不同瀏覽器解析出的效果不同，開發者要開發多個版本，Web標准不是一個標准，而是一系列標准集合。
結構 （Structure ）元素分類整理HTML
表現 (Presentation)，網頁元素大小，顏色，CSS
行為 (Behavior)，動態的交互，JS
04 HTML 骨架
HTML 超文本標記語言。
運用sublime軟件，打開，新建一個后綴名為html的文件。
html 根標簽
head 頭部標簽
body 文檔主題
05 標簽關系
<html> </html>和 <head></head> 兩者嵌套（父子）關系
<head></head>
<body></body> 兩者是並列關系
保存——瀏覽器打開 快捷鍵 html+tab,出現骨架，但不完整，后手動補齊（此疑問之后會找出原因）
效果圖：
06 文檔類型字符集
標簽語義化:清晰的了解內容
07 排版標簽
<title>文檔標題（易混淆）
標題標簽：<h1></h1> 、<h2></h2>、<h3></h3> 、<h4></h4> 、<h5></h5> 、<h6></h6>
總共6級標簽，沒有<h7></h7>！！！
效果圖：
段落標簽：
效果圖：
水平線標簽：<hr />
效果圖：
綜合案例：
效果圖：
08 div & span
換行標記 <br />
<br />與<p></pr>區別
效果圖：
換行的間距小，段落的間距大。
div 和span 標簽沒有語義，只是布局的兩個盒子
效果圖：
效果圖：
