（備注：凡是利用圓括號括起來的一般就是注釋或者英文解釋，用webstorm寫程序時一定要注意字符一定要在英文狀態(tài)下輸入?。?br>
1.瀏覽器：
定義：是安裝在電腦里面的一個軟件， 能夠讓將網(wǎng)頁內(nèi)容呈現(xiàn)給用戶查看，并讓用戶與網(wǎng)頁交互的一種軟件。
常用的有IE、谷歌、火狐、 safrri、歐朋瀏覽器。
2.服務(wù)器：
服務(wù)器也是電腦，只不過是比我們的電腦配置更高的電腦，并且24小時不斷電，不關(guān)機的計算機
服務(wù)器是專門用于存儲數(shù)據(jù)電腦， 訪問者可以訪問服務(wù)器，獲得服務(wù)器上存儲的資源
服務(wù)器一旦關(guān)機，訪問者就無法訪問。
3.瀏覽器請求數(shù)據(jù)的過程：
1）.按下回車時瀏覽器根據(jù)輸入的URL地址發(fā)送請求報文
2）.服務(wù)器接收到請求報文，會對請求報文進(jìn)行處理
3）.服務(wù)器將處理完的結(jié)果通過響應(yīng)報文返回給瀏覽器
4）.瀏覽器解析服務(wù)器返回的結(jié)果，將結(jié)果顯示出來
4.請求過程驗證
1）.利用chome瀏覽器打開一個網(wǎng)頁
2）.打開開發(fā)人員工具
3）.打開Network查看請求報文和響應(yīng)報文
4.1請求報文
一個HTTP請求報文由請求行（request line）、請求頭部（header）、空行和請求數(shù)據(jù)4個部分
4.2響應(yīng)報文
一個HTTP響應(yīng)報文由響應(yīng)行、響應(yīng)頭、響應(yīng)體組成
5.URL
定義：
1).我們在瀏覽器的地址欄中輸入的地址其實就是URL
2).URL格式：
127.0.0.1/index.html （瀏覽器會自動補全http:和：80）
http://127.0.0.1/index.html（瀏覽器會自動補全：80）
http://127.0.0.1:80/index.html（完整格式）
協(xié)議類型://ip地址:端口號/資源路徑/資源名稱
3).URL拆分
網(wǎng)絡(luò)協(xié)議類型 http://
服務(wù)器IP地址 127.0.0.1
服務(wù)器端口號 :80
資源路徑 網(wǎng)頁在服務(wù)器上的路徑
資源名稱 index.html
6.URL拆分后每一部分的作用
6.1服務(wù)器IP地址 和 服務(wù)器端口號它們兩的作用：
告訴瀏覽器要去什么地方才能找到對應(yīng)的服務(wù)器， 也就是告訴瀏覽器服務(wù)器的詳細(xì)地址
服務(wù)器IP地址相當(dāng)于現(xiàn)實生活中的地址； 例如：廣州市天河區(qū)棠安苑
服務(wù)器端口號相當(dāng)于現(xiàn)實生活中的門牌號碼； 例如： 9棟909室
那么如果將地址和門牌號碼結(jié)合在一起， 就是我的詳細(xì)地址
7.純文本文件
定義：我們Windows電腦上有一款默認(rèn)安裝好的軟件叫做記事本. 這款軟件就是專門用來打開純文本文件的, 所以只要能夠被記事本打開, 并且能夠正常顯示的文件都是純文本文件
.html的文件可以被記事本打開, 并且能夠正常顯示,所以.html文件是一個純文本文件
8.什么是HTLM
HTML是HyperText Markup Language的縮寫, 就是超文本標(biāo)記語言
9.
HTML發(fā)展史
IETF簡介
IETF是英文Internet Engineering Task Force的縮寫, 翻譯過來就是”互聯(lián)網(wǎng)工程任務(wù)組”
IETF負(fù)責(zé)定義并管理因特網(wǎng)技術(shù)的所有方面。包括用于數(shù)據(jù)傳輸?shù)腎P協(xié)議、讓域名與IP地址匹配的域名系統(tǒng)（DNS）、用于發(fā)送郵件的簡單郵件傳輸協(xié)議（SMTP）等
W3C簡介：
W3C是英文World Wide Web Consortium的縮寫， 翻譯過來就是W3C理事會或萬維網(wǎng)聯(lián)盟, W3C是全球互聯(lián)網(wǎng)最具權(quán)威的技術(shù)標(biāo)準(zhǔn)化組織.
W3C于1994年10月在麻省理工學(xué)院計算機科學(xué)實驗室成立。創(chuàng)建者是萬維網(wǎng)的發(fā)明者Tim Berners-Lee
W3C負(fù)責(zé)web方面標(biāo)準(zhǔn)的制定，像HTML、XHTML、CSS、XML的標(biāo)準(zhǔn)就是由W3C來定制的。
10.HTML的基本結(jié)構(gòu)
<!DOCTYPE html>(DTD文檔聲明)
<html>
? ? ? ? <head>
? ? ? ? <meta charset="UTF-8">
? ? ? ?<title>HTML的基本結(jié)構(gòu)</title>
? ? ? </head>
? ? ? <body>
? ? ? HTML在現(xiàn)今屬于什么發(fā)展時期？
? ? ? </body>
</html>
html標(biāo)簽
作用:
用于告訴瀏覽器這是一個網(wǎng)頁, 也就是說告訴瀏覽器我是一個HTML文檔
注意點:
其它所有的標(biāo)簽都必須寫在html標(biāo)簽里面, 也就是寫在html開始標(biāo)簽和結(jié)束標(biāo)簽中間
head標(biāo)簽
作用:
用于給網(wǎng)站添加一些配置信息
例如:
指定網(wǎng)站的標(biāo)題 / 指定網(wǎng)站的小圖片
添加網(wǎng)站的SEO相關(guān)的信息(指定網(wǎng)站的關(guān)鍵字/指定網(wǎng)站的描述信息)
外掛一些外部的css/js文件
添加一些瀏覽器適配相關(guān)的內(nèi)容
注意點:
一般情況下, 寫在head標(biāo)簽內(nèi)部的內(nèi)容都不會顯示給用戶查看, 也就是說一般情況下寫在head標(biāo)簽內(nèi)部的內(nèi)容我們都看不到
title標(biāo)簽
作用:
專門用于指定網(wǎng)站的標(biāo)題, 并且這個指定的標(biāo)題將來還會作為用戶保存網(wǎng)站的默認(rèn)標(biāo)題
注意點:
title標(biāo)簽必須寫在head標(biāo)簽里面
body標(biāo)簽
作用:
專門用于定義HTML文檔中需要顯示給用戶查看的內(nèi)容(文字/圖片/音頻/視頻)
注意點:
雖然說有時候你可能將內(nèi)容寫到了別的地方在網(wǎng)頁中也能看到, 但是千萬不要這么干, 一定要將需要顯示的內(nèi)容寫在body中
一對html標(biāo)簽中(一個html開始標(biāo)簽和一個html結(jié)束標(biāo)簽)只能有一對body標(biāo)簽
head內(nèi)部標(biāo)簽
meta標(biāo)簽：
1.為什么會有亂碼現(xiàn)象?
因為我們在編寫網(wǎng)頁的時候沒有指定字符集
2.如何解決亂碼現(xiàn)象?
在head標(biāo)簽中添加<meta charset="UTF-8">, 指定字符集
GBK(GB2312)和UTF-8區(qū)別
GBK(GB2312)里面存儲的字符比較少, 僅僅存儲了漢字和一些常用外文
體積比較小
UTF-8里面存儲的世界上所有的文字
體積比較大
企業(yè)開發(fā)中僅僅是中文就用GBK（2312），其他一律使用UTF-8.
HTML標(biāo)簽分類:
單標(biāo)簽
只有開始標(biāo)簽沒有結(jié)束標(biāo)簽, 也就是由一個<>組成的
<meta charset="UTF-8">
雙標(biāo)簽
有開始標(biāo)簽和結(jié)束標(biāo)簽, 也就是由一個<>和一個組成的
<html>
</html>
并列關(guān)系
<head>
</head>
<body>
</body>
嵌套關(guān)系
<head>
<title>hello</title>
</head>
什么是DTD文檔聲明?
由于HTML有很多個版本的規(guī)范, 每個版本的規(guī)范之間又有一定的差異. 所以為了讓瀏覽器能夠正確的編譯/解析/渲染我們的網(wǎng)頁, 我們需要在HTML文件的第一行告訴瀏覽器, 我們當(dāng)前這個網(wǎng)頁是用哪一個版本的HTML規(guī)范來編寫的. 瀏覽器只要知道了我們是用哪一個版本的規(guī)范來編寫之后, 它就能夠正確的編譯/解析/渲染我們的網(wǎng)頁.
注意事項:
<!DOCTYPE html>聲明必須是 HTML 文檔的第一行，位于 標(biāo)簽之前
<!DOCTYPE html>聲明不是 HTML 標(biāo)簽
<!DOCTYPE html>聲明沒有結(jié)束標(biāo)簽
<!DOCTYPE html>聲明對大小寫不敏感
這個聲明瀏覽器會看, 但是并不是完全依賴于這個聲明, 瀏覽器有一套自己的默認(rèn)的處理機制
不寫也能運行
H5網(wǎng)頁里面用H4也能運行
HTML5之前有2大種規(guī)范, 每種規(guī)范中又有3小種規(guī)范:
HTMLStrict (嚴(yán)格的)
HTMLTransitional(過度的,普通的,寬松的)
HTMLFrameset(帶有框架的頁面)
XHTMLStrict (嚴(yán)格的)
XHTMLTransitional(過度的,普通的,寬松的)
XHTMLFrameset(帶有框架的頁面)
