柚子快報邀請碼778899分享：前端 什么是HTML？

http://yzkb.51969.com/

一、認(rèn)識前端

UI：作圖、做成簡單HTML頁面

前端：html+css+js, ? vue/react/Ag

后端：java/PHP/Python/C#/javascript js ? NodeJs（服務(wù)器程序）

網(wǎng)頁：信息展示

二、什么是HTML

網(wǎng)頁組成：

html網(wǎng)頁是由文字,圖片,輸入框,按鈕,視頻,音頻....元素組成的。

總結(jié):?網(wǎng)頁就是由HTML組成的。

網(wǎng)頁規(guī)范(萬維網(wǎng)聯(lián)盟W3C)：

html

? ? 結(jié)構(gòu)標(biāo)準(zhǔn): ?制作網(wǎng)頁必須按照HTMl的標(biāo)準(zhǔn)結(jié)構(gòu)去寫網(wǎng)頁

? ? 表現(xiàn)標(biāo)準(zhǔn): ?用來美化網(wǎng)頁CSS

? ? 行為標(biāo)準(zhǔn): ?用來實現(xiàn)網(wǎng)頁中的用戶的一些動作處理 JavaScript

三、常用瀏覽器

### 主流瀏覽器（有自己的內(nèi)核）

查看網(wǎng)站：http://#baidu.com/data/browser

### 內(nèi)核（渲染引擎）

html

Trident(IE內(nèi)核)：

? ? IE、傲游、世界之窗瀏覽器、Avant、騰訊TT、獵豹安全瀏覽器、360極速瀏覽器、百度瀏覽器等

Gecko(firefox)：

? ? ?Gecko(Firefox 內(nèi)核)： Mozilla FireFox(火狐瀏覽器) 采用該內(nèi)核，Gecko 的特點是代碼完全公開，因此，其可開發(fā)程度很高

webkit(Safari):

? ? Safari 是蘋果公司開發(fā)的瀏覽器，所用瀏覽器內(nèi)核的名稱是大名鼎鼎的 WebKit。傲游瀏覽器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手機瀏覽器、Android 默認(rèn)瀏覽器。

Blink：

? ? 大部分國產(chǎn)瀏覽器最新版都采用Blink內(nèi)核。二次開發(fā)。谷歌瀏覽器。Blink 其實是 WebKit 的分支。

Presto(Opera) ：

? ? ? Presto（已經(jīng)廢棄） 是挪威產(chǎn)瀏覽器 opera 的 "前任" 內(nèi)核，為何說是 "前任"，因為最新的 opera 瀏覽器早已將之拋棄從而投入到了谷歌懷抱了。 ?

四、Web標(biāo)準(zhǔn)組成

為什么要遵循WEB標(biāo)準(zhǔn)呢？

通過以上瀏覽器的內(nèi)核不同，我們知道他們渲染或者排版的模式就有些許差異，顯示就會有差別。導(dǎo)致用戶在不同的瀏覽器看到同一個頁面是不同的效果。

Web標(biāo)準(zhǔn)組成：

構(gòu)成：** 主要包括結(jié)構(gòu)（Structure）HTML、表現(xiàn)（Presentation）CSS和行為（Behavior）js三個方面。

- 結(jié)構(gòu)標(biāo)準(zhǔn)：結(jié)構(gòu)用于對網(wǎng)頁元素進行整理和分類，咱們主要學(xué)的是HTML。 對于網(wǎng)頁來說最重要的一部分。

- 表現(xiàn)標(biāo)準(zhǔn)：表現(xiàn)用于設(shè)置網(wǎng)頁元素的版式、顏色、大小等外觀樣式，主要指的是CSS。

- 行為標(biāo)準(zhǔn)：行為是指網(wǎng)頁模型的定義及交互的編寫，咱們主要學(xué)的是 Javascript ? js。

- 重要的原則：頁面三層分離(HTML,css，js書寫的時候分開來寫)。

?理想狀態(tài)我們的源碼： .HTML ? ? ?.css ? ? ?.js ?

五、HTML的基本格式

??????????

? ? ????????????????

? ? ? ? ?????????????????????????

? ??????????????????

? ? ????????

? ? ????????

????????

概念html

? HTML： ?Hyper Text ?Markup ?Language.[ ?超文本標(biāo)記語言 ]

? ?超文本: 本質(zhì)就是一個文本[在網(wǎng)頁中,用來實現(xiàn)頁面跳轉(zhuǎn)的文本 ?---超鏈接標(biāo)簽]

? ?標(biāo)記:記號. [各種HTML標(biāo)簽] ? ?標(biāo)簽

HTML的學(xué)習(xí)其實就是學(xué)些大量的標(biāo)簽

標(biāo)簽學(xué)習(xí)：

1. 標(biāo)簽長什么樣子

2.作用

#### 標(biāo)簽的語法：

標(biāo)簽： <標(biāo)簽名>

標(biāo)簽語法2： <標(biāo)簽名>

注意:

? ? 1. 我們在以后寫代碼(html,css,js...)遇到特殊符號,必須都是英文輸入下的符號。

? ? 2. 制作一個網(wǎng)頁必須按照html的結(jié)構(gòu)去寫。

柚子快報邀請碼778899分享：前端 什么是HTML？

http://yzkb.51969.com/

精彩文章