瀏覽器作用
1.渲染網(wǎng)頁
2.讓用戶與網(wǎng)頁交互
主流瀏覽器
IE6
Chrome
firefox
safari
Opera
內(nèi)核不同導(dǎo)致兼容問題
Cache文件夾下的4個(gè)文件夾,再打開 IE 會(huì)新生成
系統(tǒng)自建的文件夾與網(wǎng)頁有關(guān)
文件夾中存儲(chǔ)內(nèi)容與網(wǎng)頁上內(nèi)容相對應(yīng)
這些文件夾是緩存文件夾,專門用來存儲(chǔ)網(wǎng)頁數(shù)據(jù)
結(jié)論:當(dāng)我們訪問網(wǎng)頁,內(nèi)容會(huì)緩存到本地,然后渲染
一個(gè)網(wǎng)頁是由一堆文件組成的
文件與服務(wù)器傳輸
請求行 + 請求頭 + 空行 + 請求體 (request)
響應(yīng)行 + 響應(yīng)頭 + 響應(yīng)體 (response)
URL 的各部分意思
URL:瀏覽器地址欄中輸入的就是 URL
完整形式 ?http://127.0.0.1:80/index.html
http:// ?URL 的協(xié)議類型
127.0.0.1 ? ?服務(wù)器 IP 地址
:80 ? ? ? ? ? ? ?端口號(hào)
index.html ? 資源名稱
IIS 高級(jí)配置 ?物理地址更改 IP
HTTP
HyperText Transfor Protoco
html
html 文件的擴(kuò)展名是 ?.html
不同軟件打開 .html 文件效果不同
瀏覽器不能編輯,記事本打開可以編輯
記事本打開只是純文本文件
.html 可以被記事本打開且能正常顯示,是純文本文件
html 的意義
html : HyperText Market Language
超文本標(biāo)記語言
html 是用來告訴瀏覽器語義的,用一些文本來描述另一些文本
這些文本也叫標(biāo)簽
顯示格式:記事本所有文字同級(jí)別
html 是專門用來描述文本的語義的
這些用于描述其他文本的語義的文本,在瀏覽器中不顯示,我們稱這些文本超文本也稱標(biāo)簽
所以我們稱 html 為超文本標(biāo)記語言
注意事項(xiàng):雖然利用 <h1></h1>描述的一段文本變大變粗,但是作用只是定義語義,并非修改文本樣式
html 發(fā)展史
IETF------>w3c
DNS 使域名與 IP 匹配
網(wǎng)頁固定格式
寫程序先分析,理清思路
編寫網(wǎng)頁步驟
1.新建文本
2.記事本打開
3.編寫 html 代碼
4.保存并修改擴(kuò)展名 html
5.利用瀏覽器打開
公司工作中,文件名命名用英文或者拼音,禁止用中文
html 的格式
<html>
? ? ? ? ? ?<head>
? ? ? ? ? ? ? ? ? ? ? <title>
? ? ? ? ? ? ? ? ? ? ? </title>
? ? ? ? ? ?</head>
? ? ? ? ? ?<body>
? ? ? ? ? ?</body>
</html>
沒有 / 為開始,有 / 為結(jié)束
<html></html> 標(biāo)簽的作用:告訴瀏覽器這是網(wǎng)頁
注意點(diǎn):其他所有標(biāo)簽都寫在 <html></html> 中間
<head></head> 標(biāo)簽的作用:給網(wǎng)站添加配置信息
注意點(diǎn):一般情況下,其中內(nèi)容不呈現(xiàn)給用戶,內(nèi)容是給瀏覽器看的
<tilte></title> 標(biāo)簽的作用:標(biāo)題,專門制定網(wǎng)站的標(biāo)題,且標(biāo)題為用戶保存時(shí)的默認(rèn)的標(biāo)題
注意點(diǎn):必須寫在 <head></head> ?中
body 標(biāo)簽:專門用于定義 html 給用戶看的那部分代碼
注意點(diǎn):雖然寫在別處用戶也能看到,但是不要這么做。一對 html 標(biāo)簽中只能有一對 body 標(biāo)簽