HTML簡介

WEB前端開發(fā)做什么?
PC端頁面
移動端頁面
解決用戶體驗問題

必備條件是什么?
1>會上網(wǎng),會打字,懂得互聯(lián)網(wǎng)是什么
2>興趣
3>肯練習

瀏覽器和服務(wù)器如何信息交互?
通過瀏覽器如何查看請求報文和響應(yīng)報文?

瀏覽器通過輸入的地址,將請求報文發(fā)送到服務(wù)器,服務(wù)器從請求報文中得到要請求文件的信息,服務(wù)器讀取它的信息,然后交給響應(yīng)報文,瀏覽器接收響應(yīng)報文,瀏覽器將文件內(nèi)容顯示出來。

瀏覽器在顯示內(nèi)容之前會做一些處理,通過瀏覽器內(nèi)核來解析響應(yīng)回來的內(nèi)容,才能將頁面顯示出來。
瀏覽器內(nèi)核:
內(nèi)核(Rendering Engine):可大概譯為“渲染引擎”,不過我們一般習慣將之稱為“瀏覽器內(nèi)核”。負責對網(wǎng)頁語法的解釋(如標準通用標記語言下的一個應(yīng)用HTML、JavaScript)并渲染(顯示)網(wǎng)頁。
內(nèi)核的分類:
Trident:ie , 獵豹安全瀏覽器,360極速瀏覽器,百度瀏覽器...
Gecko:Firefox
Webkit:Safari,Chrome
Presto:Opera
不同的內(nèi)核在渲染同一內(nèi)容的時候會有差別。

頁面的本質(zhì):從服務(wù)器中響應(yīng)回來的一段文本通過瀏覽器內(nèi)核來解析,解析出來顯示到頁面上。

http協(xié)議:瀏覽器與服務(wù)器交互的約定
http協(xié)議:請求報文 響應(yīng)報文 url 還有其它的協(xié)議比如:https協(xié)議 ftp協(xié)議。
Url:http://192.168.16.200:8080/index.html 協(xié)議名 服務(wù)器的ip 端口號 請求文件的名稱
DNS域名解析系統(tǒng) 將192.168.16.200----->www.taobao.com

所以建立網(wǎng)站首先要購買 服務(wù)器和域名 ,用域名來綁定服務(wù)器
學習那些知識才能做出精美作品?
1>軟件(5%的時間)
瀏覽器: chrome IE 火狐 蘋果 歐朋
瀏覽器插件:F12
用來寫代碼的編輯器(ws、sublime......)
Photoshop、FW(測量、剪裁、編輯)

2>語言(至少花95%的時間)
至少要學習: html css js這三種基本的語言

HTML 超文本標記語言

語言:和瀏覽器認識的語言、和瀏覽器打交道(溝通)
標記、標簽:<html> <html>
標簽對:<html></html>
單標簽:<meta /> <img />
超:圖片、聲音、視頻超出于文本的范疇

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>hello world</body>
</html>

UTF-8是很有來頭的編碼,認識世界各個語言,能夠正確識別語言,相當于是翻譯家,不會出現(xiàn)亂碼的現(xiàn)象

Css層疊樣式表(給網(wǎng)頁做裝修的)
width: 100px;
height: 100px;
background: red;

Javascript:腳本語言(是一種可以動的行為)
搭建一個網(wǎng)頁相當于搭建一個房子 html css js(冬暖夏涼)

案例:onclick="this.style.width='800px';this.style.height='800px';"
(讓頁面動起來)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容