什么是瀏覽器？
- 瀏覽器是安裝在電腦里面的一個軟件， 能夠讓將網頁內容呈現給用戶查看，并讓用戶與網頁交互的一種軟件。
不同的瀏覽器有不同的瀏覽器內核， 瀏覽器內核也就是瀏覽器所采用的渲染引擎，渲染引擎決定了瀏覽器如何顯示網頁的內容，從而導致了瀏覽器兼容性問題出現 - IE內核 Trident
- 谷歌內核 WebKit / Blink
- 火狐內核 Gecko
- Safarri內核 WebKit
- 歐朋內核 Presto
什么是服務器
什么是服務器？
- 服務器也是電腦，只不過是比我們的電腦配置更高的電腦，并且24小時不斷電，不關機的計算機
- 服務器是專門用于存儲數據電腦， 訪問者可以訪問服務器獲得服務器上存儲的資源
- 服務器一旦關機，訪問者就無法訪問。
瀏覽器請求數據的過程
瀏覽器請求數據的過程
1.按下回車時瀏覽器根據輸入的URL地址發送請求報文
2.服務器接收到請求報文，會對請求報文進行處理
3.服務器將處理完的結果通過響應報文返回給瀏覽器
4.瀏覽器解析服務器返回的結果，將結果顯示出來
什么是HTML？
HTML其實是HyperText Markup Language的縮寫, 超文本標記語言
網頁的基本格式
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
html標簽
作用:
用于告訴瀏覽器這是一個網頁, 也就是說告訴瀏覽器我是一個HTML文檔
- 注意點:
其它所有的標簽都必須寫在html標簽里面, 也就是寫在html開始標簽和結束標簽中間
head標簽
作用:
用于給網站添加一些配置信息
例如:
指定網站的標題 / 指定網站的小圖片
添加網站的SEO相關的信息(指定網站的關鍵字/指定網站的描述信息)
外掛一些外部的css/js文件
添加一些瀏覽器適配相關的內容
- 注意點:
一般情況下, 寫在head標簽內部的內容都不會顯示給用戶查看, 也就是說一般情況下寫在head標簽內部的內容我們都看不到
title標簽
作用:
專門用于指定網站的標題, 并且這個指定的標題將來還會作為用戶保存網站的默認標題
- 注意點:
title標簽必須寫在head標簽里面
body標簽
作用:
專門用于定義HTML文檔中需要顯示給用戶查看的內容(文字/圖片/音頻/視頻)
- 注意點:
雖然說有時候你可能將內容寫到了別的地方在網頁中也能看到, 但是千萬不要這么干, 一定要將需要顯示的內容寫在body中
一對html標簽中(一個html開始標簽和一個html結束標簽)只能有一對body標簽
meta標簽
在head標簽中添加<meta charset="GBK" />, 指定字符集
DTD文檔聲明
什么是DTD文檔聲明?
由于HTML有很多個版本的規范, 每個版本的規范之間又有一定的差異. 所以為了讓瀏覽器能夠正確的編譯/解析/渲染我們的網頁, 我們需要在HTML文件的第一行告訴瀏覽器, 我們當前這個網頁是用哪一個版本的HTML規范來編寫的. 瀏覽器只要知道了我們是用哪一個版本的規范來編寫之后, 它就能夠正確的編譯/解析/渲染我們的網頁。
DTD文檔聲明格式:
<!DOCTYPE html>
WebStorm中快捷鍵：
創建文件：Ctrl+Alt+insert
書寫標簽：標簽名稱+Tab
跳到本行最前面：home
跳到本行最后面：end
復制光標所在行：Ctrl+D
刪除光標所在行：Ctrl+X
多行編輯：Alt+按鼠標左鍵下拖
給文字添加標簽：Ctrl+Alt+T
