HTML基礎(chǔ)第一天

一、網(wǎng)頁(yè)的組成

HTML:頁(yè)面結(jié)構(gòu)

CSS:頁(yè)面樣式表現(xiàn)

JavaScript:交互行為

二、HTML語(yǔ)法:

2.1 HTML文件的后綴:

HTML文檔的后綴名:.html ? ?.htm

2.2快速生成HTML頁(yè)面結(jié)構(gòu)

Html:5 + tab鍵快速 生成html5的文檔結(jié)構(gòu)。

Html:4s + tab

2.3Doctype標(biāo)簽


2.4Link標(biāo)簽的常見(jiàn)用法

l引入DNS預(yù)先解析

dns預(yù)解析(了解):

引入網(wǎng)站icon圖標(biāo):

引入CSS樣式:

2.5 HTML標(biāo)簽

HTML標(biāo)簽代表整個(gè)文檔結(jié)構(gòu)。

HTML標(biāo)簽只嵌套head標(biāo)簽和body標(biāo)簽。

2.6 head標(biāo)簽

head標(biāo)簽定義的內(nèi)容只是提供給瀏覽器使用,不用于用戶的呈現(xiàn)。主要用來(lái)封裝其他位于文檔頭部的標(biāo)記,例如、<meta>、<link>及<style等,用來(lái)描述文檔的標(biāo)題、作者以及和其他文檔的關(guān)系等。

>用來(lái)描述文檔的標(biāo)題、作者以及和其他文檔的關(guān)系等。

meta標(biāo)簽

utf-8是目前最常用的字符集編碼方式,常用的字符集編碼方式還有g(shù)bk和gb2312。

gb2312 簡(jiǎn)單中文

GBK包含全部中文字符 ?繁體

BIG5 ? 繁體中文

UTF-8則包含全世界所有國(guó)家需要用到的字符

從二進(jìn)制說(shuō)起,符號(hào)表示文字,表示的模式就是編碼:聯(lián)想電報(bào)

title標(biāo)簽

title標(biāo)簽對(duì)于網(wǎng)站SEO至關(guān)重要,標(biāo)題的好壞直接影響網(wǎng)站的SEO

SEO(Search Engine Optimization):網(wǎng)站搜索引擎優(yōu)化



瀏覽器內(nèi)核(代表瀏覽器):

trident ( ie ), ?gecko (firefox), webkit(safari), ?blink ( opera,chrome)

瀏覽器工作原理:

瀏覽器接受用戶操作-封裝http請(qǐng)求-連接服務(wù)器:dns解析-發(fā)送請(qǐng)求報(bào)文-服務(wù)器接收請(qǐng)求-處理請(qǐng)求-

返回響應(yīng)報(bào)文-瀏覽器接收響應(yīng)報(bào)文-渲染頁(yè)面呈現(xiàn)。

HTTP (HyperText Transfer Protocol):超文本傳輸協(xié)議

DNS:域名和ip相互映射的分布式數(shù)據(jù)庫(kù)

作用

HTML:(超文本標(biāo)記語(yǔ)言)頁(yè)面結(jié)構(gòu)

CSS:頁(yè)面樣式表現(xiàn)

JavaScript:交互行為

html文件后綴

.html .htm .shtml 靜態(tài)網(wǎng)頁(yè)的后綴,擴(kuò)展名不同,實(shí)質(zhì)相同。

.htm 早期8位dos系統(tǒng)下只支持3位數(shù)的擴(kuò)展名。

Doctype聲明

聲明必須是 HTML 文檔的第一行,位于? 標(biāo)簽之前。

聲明不是 HTML 標(biāo)簽;它是指示 web 瀏覽器關(guān)于頁(yè)面使用哪個(gè) HTML 版本進(jìn)行編寫(xiě)的指令。

在 HTML 4.01 中, 聲明引用 DTD,因?yàn)?HTML 4.01 基于 SGML。DTD 規(guī)定了標(biāo)記語(yǔ)言的規(guī)則,這樣瀏覽器才能正確地呈現(xiàn)內(nèi)容。

HTML5 不基于 SGML,所以不需要引用 DTD。

link標(biāo)簽

常用屬性:rel 規(guī)定當(dāng)前文檔與被鏈接文檔之間的關(guān)系 、href 規(guī)定被鏈接文檔的位置。

用法:

1.引入dns預(yù)解析

//

2.引入css樣式

//

3.引入網(wǎng)站icon圖標(biāo)

//

meta標(biāo)簽

charset屬性,設(shè)置編碼

編碼

utf-8:顯示中文簡(jiǎn)體繁體及其它語(yǔ)言(如英文,日文,韓文)

gbk:顯示簡(jiǎn)體中文、繁體中文’日語(yǔ)平假名

gb2312:簡(jiǎn)單中文

sublime快捷鍵

home行頭

end行尾

ctrl+/注釋

Ctrl + N新建

Ctrl+Shift +k 刪除一行

Alt + . 快速閉合標(biāo)簽

Ctrl + 回車 添加一行空行

Ctrl + Shift +V 粘貼過(guò)程中保持縮進(jìn)

Ctrl + H 替換

Ctrl + Shift + D -復(fù)制這行文本

SHift +Tab去除縮進(jìn)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容