一、web標準介紹

web標準：

w3c：萬維網聯盟組織，用來制定web標準的機構（組織）

web標準：制作網頁遵循的規范

web標準規范的分類：結構標準、表現標準、行為標準。

結構：html。表示：css。行為：Javascript。

總結說明：

結構標準：相當于人的骨架。html就是用來制作網頁的。

表現標準： 相當于人的衣服。css就是對網頁進行美化的。

行為標準： 相當于人的動作。JS就是讓網頁動起來，具有生命力的

如果大家還不明白，請看下圖

二、瀏覽器介紹

瀏覽器是網頁運行的平臺，常用的瀏覽器有IE、火狐（Firefox)、谷歌（Chrome）、獵豹瀏覽器、Safari和Opera等

瀏覽器內核：

PS：「瀏覽器內核」也就是瀏覽器所采用的「渲染引擎」，渲染引擎決定了瀏覽器如何顯示網頁的內容以及頁面的格式信息。

總結：渲染引擎是兼容性問題出現的根本原因。

三、開發工具介紹

Sublime Text的使用?Sublime Text使用技巧

Visual Studio Code編輯器

WebStorm

PyCharm

.....

四、html介紹

1、html概念

html全稱HyperText Markup Language，翻譯為超文本標記語言，它不是一種編程語言，是一種描述性的標記語言，用于描述超文本內容的顯示方式。比如字體、顏色、大小等。

超文本：音頻，視頻，圖片稱為超文本。

標記 ：<英文單詞或者字母>稱為標記，一個HTML頁面都是由各種標記組成。

作用：HTML是負責描述文檔語義的語言。

注意：HTML語言不是一個編程語言(有編譯過程)，而是一個標記語言(沒有編譯過程)，HTML頁面直接由瀏覽器解析執行。

HTML只是負責描述文檔語義的語言,在html中，除了語義，其他什么都沒有。

html是一個純本文文件（就是用txt文件改名而成），用一些標簽來描述文字的語義，這些標簽在瀏覽器里面是看不到的，所以稱為“超文本”，所以就是“超文本標記語言”了。 　　So，接下來，我們肯定要學習一堆html中的標簽對兒，這些標簽對兒能夠給文本不同的語義。

2、html的網絡術語

網頁 ：由各種標記組成的一個頁面就叫網頁。

主頁(首頁) : 一個網站的起始頁面或者導航頁面。

標記：?

稱為開始標記 ，

元素：

內容

屬性：給每一個標簽所做的輔助信息。

五、HTML的規范

HTML是一個弱勢語言

區分大小寫

頁面的后綴名是html或者htm(有一些系統不支持后綴名長度超過3個字符，比如dos系統)

HTML的結構：

聲明部分：主要作用是用來告訴瀏覽器這個頁面使用的是哪個標準。是HTML5標準。

head部分：將頁面的一些額外信息告訴服務器。不會顯示在頁面上。

body部分：我們所寫的需要顯示出來的代碼必須放在此標簽內。

1、編寫HTML的規范

1）所有標記元素都要正確的嵌套，不能交叉嵌套。正確寫法舉例：

（2）所有的標記都必須小寫。

（3）所有的標記都必須關閉。

雙邊標記：

單邊標記：
?轉成?
?

（4）所有的屬性值必須加引號。

（5）所有的屬性必須有值。

2、HTML的基本語法特征

HTML只在乎標簽的嵌套結構，嵌套的關系。誰嵌套了誰，誰被誰嵌套了，和換行、tab無關。換不換行、tab不tab，都不影響頁面的結構。

也就是說，HTML不是依靠縮進來表示嵌套的，就是看標簽的包裹關系。但是，我們發現有良好的縮進，代碼更易讀。要求大家都正確縮進標簽。

HTML中所有的文字之間，如果有空格、換行、tab都將被折疊為一個空格顯示。

六、html結構

新建HTML文件，輸入 html:5,按tab鍵后，自動生成的代碼如下：

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

1、文檔聲明頭

任何一個標準的HTML頁面，第一行一定是一個以

開頭的這一行，就是文檔聲明頭，DocType Declaration，簡稱DTD。此標簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規范。

了解doctype聲明

2、頭標簽（head）

head標簽都放在頭部分之間。這里面包含了：

效果如下：

七、html顏色表示

1、顏色表示

純單詞表示：red、green、blue、orange、gray等

10進制表示：rgb(255,0,0)

16進制表示：#FF0000、#0000FF、#00FF00等

2、RGB色彩模式

自然界中所有的顏色都可以用紅、綠、藍(RGB)這三種顏色波長的不同強度組合而得，這就是人們常說的三原色原理。

RGB三原色也叫加色模式，這是因為當我們把不同光的波長加到一起的時候，可以得到不同的混合色。例：紅+綠=黃色，紅+藍＝紫色，綠+藍=青

在數字視頻中，對RGB三基色各進行8位編碼就構成了大約1678萬種顏色，這就是我們常說的真彩色。所有顯示設備都采用的是RGB色彩模式。

RGB各有256級(0-255)亮度，256級的RGB色彩總共能組合出約1678萬種色彩，即256×256×256=16777216。

html顏色碼對照表

八、html標簽

1、html標簽分類

html標簽又叫做html元素，它分為塊級元素和內聯元素（也可以叫做行內元素），都是html規范中的概念。

塊級元素是指本身屬性為display:block;的元素。因為它自身的特點，我們通常使用塊級元素來進行大布局（大結構）的搭建。

塊級元素的特點：

獨占一行，每一個塊級元素都會從新的一行重新開始，從上到下排布 可以直接控制寬度、高度以及盒子模型的相關css屬性 在不設置寬度的情況下，塊級元素的寬度是它父級元素內容的寬度 在不設置高度的情況下，塊級元素的高度是它本身內容的高度

除此之外，從HTML的角度來講，標簽還可以分為文本級和容器級：

文本級標簽：p、span、a、b、i、u、em。

容器級標簽：div、h系列、li、dt、dd。

文本及標簽的意思是標簽中只可以放文本，不可以放其他內容。你會發現除了p之外，所有的文本級標簽，都是行內元素。p是個文本級，但是是個塊級元素。

PS：為甚么說p是文本級標簽呢？因為p里面只能放文字&圖片&表單元素，p里面不能放h和ul，p里面也不能放p。

九、html中的特殊字符

 ：空格 （non-breaking spacing，不斷打空格）

<：小于號（less than）

>：大于號（greater than）

&：符號&

"：雙引號

'：單引號

©：版權?

™：商標?

要求大家背過的特殊字符： 、<、>、©

比如說，你想把

作為一個文本在頁面上顯示，直接寫

是肯定不行的，因為這代表的是一個段落標簽，所以這里需要用到轉義字符。應該這么寫：

這是一個HTML語言的<p>標簽

效果顯示：

如果還想知道其它的HTML特殊字符：HTML特殊字符參考表

軟件開發 人工智能 云計算 機器學習

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。