初步認識網(wǎng)頁
1.瀏覽器作為網(wǎng)頁的載體蒂萎，是一個能展示網(wǎng)頁的平臺秆吵。其中主要的瀏覽器 火狐 、Edge五慈、safari纳寂、谷歌、opera 等豺撑。其中谷歌的市場份額最大烈疚，畢竟是最牛逼的公司。
常見瀏覽器內(nèi)核
1.組成部分： 渲染引擎 + JS引擎（渲染 DOM 和解析JS）
2.常見類型：Trident （IE內(nèi)核）聪轿、Gecko（FireFox內(nèi)核爷肝，開源的）、webkit（Safari）陆错、Blink（谷歌內(nèi)核灯抛，同源于webkit）、Presto（Opera內(nèi)核音瓷，已拋棄对嚼，已使用Blink內(nèi)核）∩鳎可以看出來每一個瀏覽器產(chǎn)商都有自己內(nèi)核纵竖。
Web標準構(gòu)成
Web標準構(gòu)成。實際上是程序員們?yōu)榱吮苊饴闊┬臃撸蠹乙黄鸺s定的一個規(guī)范靡砌。（到底聽誰的呢，有一個組織叫做W3C珊楼，專門做技術(shù)開源通殃，統(tǒng)一規(guī)范，都聽它的厕宗。）根據(jù)網(wǎng)頁的特點画舌，標準又可分為：結(jié)構(gòu)標準堕担、樣式標準以及行為標準。
1.結(jié)構(gòu)標準 （HTML/XML）：結(jié)構(gòu)可以理解為曲聂，對展示內(nèi)容進行歸類和整理霹购。
2.樣式標準（CSS）：設(shè)置網(wǎng)頁的排版、大小朋腋、顏色等等厕鹃。
3.行為標準（DOM和ECMAScript）：動態(tài)操作HTML以及進行后臺的數(shù)據(jù)交互。
HTML初步認識
HTML 全稱是 Hyper Text Markup Language乍丈，譯為超文本標記語言 。逐個字理解一下
1.超 ：超的含義其實就是可以進行頁面跳轉(zhuǎn)把将。（通過<a></a>標簽來實現(xiàn)）
2.文本：網(wǎng)頁最開始的目的就是用來展示文本的轻专。
3.標記：通過標記<>來實現(xiàn)各種功能。如 <a></a>實現(xiàn)網(wǎng)頁跳轉(zhuǎn)
4.語言：有一定的語法規(guī)范察蹲。
HTML骨架
這是頁面的標準格式请垛，約定的規(guī)范。（文件名以.html結(jié)尾）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>頭鐵日記</title>
</head>
<body>
strong鐵頭娃strong
鐵頭娃
<strong>鐵頭娃</strong>
</body>
</html>
<!DOCTYPE html> 洽议，文檔類型為HTML5的版本宗收。
html標簽，網(wǎng)頁的跟標簽亚兄。
head標簽混稽，頭標簽，用于存放 title meta style script link 等標簽审胚。
<meta charset="utf-8"> 設(shè)置網(wǎng)頁編碼匈勋，告知瀏覽器文字編碼， utf-8世界通用字符集膳叨。
title標簽洽洁，網(wǎng)頁的名字。 （瀏覽器中網(wǎng)頁的名字）
body標簽菲嘴，網(wǎng)頁的主體饿自。
雖然，html在各地方寫龄坪，不會報錯昭雌，但上述一種規(guī)范。方便管理HTML悉默。
標簽分類
在網(wǎng)頁中城豁，帶有"<>" 符號的元素被稱為標簽。 “<>”標識某種功能抄课。（可以理解為關(guān)鍵字唱星，用來區(qū)分內(nèi)容和功能雳旅。）。HTML中分為單標簽和雙標簽
1.雙標簽： 有開頭有結(jié)尾
<body> </body>標簽中有顯示內(nèi)容
2.單標簽： 功能標簽间聊，沒有內(nèi)容攒盈，因此，也不需要有結(jié)尾 路<br/> <hr/>
標簽關(guān)系
兄弟關(guān)系和父子關(guān)系(用樹的數(shù)據(jù)結(jié)構(gòu)去理解哎榴。
1.比如
<head></head> <body></body>為兄弟關(guān)系
2.比如<head><title></title></head>為父子關(guān)系
開發(fā)工具
Dreamweaver型豁、sublime、vscode 尚蝌、webstorm
字符集
有很多老版本的系統(tǒng)迎变，可能會存在字符集的問題。你只需要保證 各個地方用到的都是utf-8的形式即可飘言。
HTML的標簽語義化
1.便于閱讀衣形，這是顯而易見的狠轻，標示標簽的作用溉奕。（而不是無腦的使用div來進行布局設(shè)置有决。）
2.便于搜索啦允耿，遵守規(guī)范的網(wǎng)頁评也，更利于網(wǎng)絡(luò)爬蟲更好的解析枕磁。更利于搜索引擎優(yōu)化
3.原則就是：先確定HTML呐粘，再設(shè)置合適的CSS
HTML的常用標簽
1.標題 十偶，根據(jù)重要性依次遞減 h1~h6 （<h1></h1>）
2.段落 paragraph 热某，<p></p> 給文字換行腻菇，上下有換行。
3.<hr/> 水平線標簽
4.換行標簽 苫拍，網(wǎng)頁本身是不會識別回車的芜繁。且只能識別一個空格符。（要注意 <br/> 和<p></p>都能達到換行的效果绒极，但后者的間距更寬一些骏令，切是前后換行
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>測試 </title>
</head>
<body>
1.測試
2.測試
3.測試
<br/>
1.測試
2.測試
3.測試
</body>
</html>
5.盒布局標簽 div （division 分割的縮寫）span（跨度 范圍） div 會進行前后強制換行。
div的使用
<div>測試</div>
span的使用
<span>
測試
</span>
6.文本格式化標簽 加粗 strong /b垄提、斜體em/i榔袋、刪除線del/s、下劃線 ins/u 前者有強調(diào)的含義铡俐，后者僅能實現(xiàn)效果(對應(yīng)單詞 strong emphasize delete insert)
標簽屬性
1.標簽可以有多個屬性凰兑，以空格隔開，且屬性必須位于標簽中 审丘。 <標簽名 屬性1="值" 屬性2="值">內(nèi)容</標簽名>
2.所有的屬性都有默認值吏够，如果不設(shè)置，則取默認值。（不要在標簽上設(shè)置锅知，樣式播急，不好調(diào)控。）
圖像標簽
<img src = "路徑" alt="但圖片不存在時售睹，給出的提示信息桩警。" title="鼠標懸停時，給出的提示信息昌妹。"/>
width height border 這些屬性其實都是用來設(shè)置css的捶枢。（可能是考慮到方便，看到這個就想到了有些css功能的標簽飞崖，比如 strong 標簽烂叔。也就是說，HTML5考慮到了一些特殊情況提供了更簡潔的寫法固歪。比如直接設(shè)置with屬性就可不通過style屬性設(shè)置witdh了长已。再比如通過strong標簽就可以不用設(shè)置 font-weight的樣式了。）
鏈接標簽
anchor <a href="目標地址" target="跳轉(zhuǎn)方式">百度</a>
1.目標地址昼牛，可以是內(nèi)部地址，也可以是外部地址康聂。
2.target 是跳轉(zhuǎn)的方式（_blank【新窗口打開】 贰健、_self 【默認值，在本窗口打開】）
3.錨點跳轉(zhuǎn)恬汁，href="#html_id" 跳轉(zhuǎn)到某個元素上
<a target="_blank">百度</a>
base標簽
設(shè)置該html頁面中所有的默認鏈接跳轉(zhuǎn)方式伶椿。（逆向思考，少寫代碼）
特殊字符
測試 網(wǎng)頁中 無論輸入多少個空白符都只會顯示一個空格 氓侧。因此脊另，若需要輸入多個空格需要借助轉(zhuǎn)移字符
尖括號（<>會被HTML解析成標簽，如果需要顯示其文本的話 需要借助 < >）
記住尖括號以及空格即可约巷。
注釋標簽
注釋是給自己看的偎痛，便于自己回憶業(yè)務(wù)邏輯。
注釋也可以幫助團隊中的其他人独郎，查看踩麦。
<!-- div的使用 -->
相對路徑
1.圖像文件存儲于HTML的同一文件夾，則只需要輸入 <img src="demo.html"/>
2.圖像文件存儲于HTML的同一文件夾的子目錄下氓癌，<img src = "test/demo.html"/>
3.圖像文件存儲于HTML的同一文件夾的父目錄下, < img src="../demo.html"/>
絕對路徑
1.要么就是本地的某個磁盤下的文件
2.或則是完整的網(wǎng)絡(luò)地址 https://gss0.bdstatic.com/-4o3dSag_xI4khGkpoWK1HF6hhy/baike/s%3D220/sign=e88d0d55e6f81a4c2232ebcbe72b6029/a2cc7cd98d1001e9ddbfab2eb50e7bec54e79714.jpg
列表
1.有序列表<ol><li></li></ol> order list
2.無序列表<ul><li></li></ul> unordered list
3.自定義列表 dl definition list 谓谦、 definition term、 definition description
<dl>
<dt>北京</dt>
<dd>昌平</dd>
<dd>通州</dd>
</dl>
<dl>
<dt>喜劇大牌</dt>
<dd>周星馳</dd>
<dd>王寶強</dd>
</dl>
總結(jié)
了解web->網(wǎng)頁需要瀏覽器顯示贪婉，什么是瀏覽器->認識瀏覽器->為什么各個瀏覽器顯示的不一樣 ->認識瀏覽器內(nèi)核->如何讓同一個網(wǎng)頁大致顯示一樣反粥？->W3C統(tǒng)一標準,開始認識web標簽->這么多標簽如何，進行快速開發(fā)->認識常用工具，開始開發(fā)->認識了文檔類型(HTML文件的第一行)才顿、常用字符集(utf-8)莫湘，常用標簽、相對路徑娜膘。
