HTML基礎

一：相關概念了解

1：WEB標準的概念及其機構組成

WEB標準是一系列標準的集合，不是單一的某個標準。這些標準主要是由W3C（萬維網）起草以及發布。

2：網頁結構

網頁主要由三個部分構成，分別是HTML、CSS、JAVASCRIPT。作用分別是HTML用於編寫網頁的頁面結構，以方便對網頁的佈局和交互；CSS用於對網頁進行佈局排版，使網頁的結構看起來更加美觀；JAVASCRIPT用於人們和頁面產生的交互動作後產生響應。相應的編程語言如下：
結構化語言有XHTML和XML
表現語言是CSS
交互行為語言是對像模型，（如W3CDOM、ECMAScript等）

3:W3C指定的結構和表現的標準：結構（ XHTML、XML）、表現（CSS）；ECMA指定的行為標準：行為（DOM , ECMASCRIPT）

4:檔案名稱規格

檔案名稱必須是小寫字母開頭，後接底線、數字等，不可以使用中文或特殊字元作為檔案名稱。

二：HTML及其相關概念

1:超文本標記語言與可拓展超文本標記語言

HTML指的是超文本標記語言（Hyper Text Markup Language）,XHTML指的是可拓展超文本標記語言（Hyper Text Markup Language）,XHTML指的是可拓展超文本標記語言標記語言（EXtensible HyperText Language).

2：HTML5

HTML5指的是HTML的第五次重大修改；HTML5是W3C與WHATWG合作的結果。

3:HTML頁面結構

HTML頁面由標籤和屬性構成，一個HTML文檔主要由head（文件頭部）和body（文件主體）兩部分組成。 head部分一般不在瀏覽器視窗可見（除title和某些類型的meta標籤以及網頁logo外）；body部分就是使用者在瀏覽器視窗區域看到的內容。

html的根元素

檔案頭部

檔案主體，頁面上要顯示的內容必須放在身體體內。

設定字元集、內容類型、編碼格式

檔案標題

頁面結構如下：

類型，分別是strict（嚴格型）、transitional（過渡型）、frameset（框架型）。

5：書寫規格

    標籤名稱與屬性名稱必須小寫

    HTML標籤必須關閉

    屬性值必須以引號為基礎來標示為嵌套 嵌套

！

6：HTML基本語法

常規標記 

  標記>

空標記  

常見的HTML標記

A:常見的塊狀標記

          div、p、h1...h6、ol、ul、dl、table、a​​ddress、blockquote、form

B:常見的內聯標記

a、span、br、i、em、strong、label、q、var、cite、code

C:常見的內聯塊狀標記（img會自帶3個像素的外邊距，在實際的操作中可使用下列CSS樣式語句去除：img{border:none;display:block;}）

           img、input

8:網頁中常用的括號尺寸 右行

8:網頁中常用的粗字> 右行

尖括號

© 備案中圖示

9：超連結

超連結是WWW的基礎，也是其核心。點擊這些鏈接，就可以從當前WEB頁面跳轉進入到另一個web網頁。

其語法格式如下：

    連結文字/圖片

其中target屬性表示是否在新視窗中開啟連結；其屬性值有兩個：_blank和_self;_blank表示在新視窗中開啟鏈接，_self表示在目前視窗中開啟連結。

空連結：

連結到其他網站的連結

yyy

連結到email

郵箱

下載連結

檔案下載

檔案下載

檔案下載

🎜

URL又叫統一資源定位符，是WEB網頁的位址，由4個部分構成：http協議，域名，連接埠號，路徑。例如：http://www.cycf.org.cn:8080/index.html;其中http://稱為http協議，www.cycf.org.cn叫做域名，:8080叫做埠號,index.html叫做頁面路徑。

10：路徑

絕對路徑：

絕對路徑指的是主頁上的我呢或目錄在硬碟上的真正路徑，使用絕對路勁定位連結檔案比較清晰；但是其有兩個缺點：一則或目錄在硬碟上的真正路徑，使用絕對路勁定位連結檔比較清晰；但其有兩個缺點：一是需要輸入更多的內容；二是如果該文件被移動了，就需要重新設定所有的相關連結。

相對路徑：

相對路徑是最適合網站的內部連結的，只要是屬於同意網站下的，即使不再同一個目錄下，相對連結也非常適合。這種位址形式利用的是建立連結的兩個檔案之間的相對關係，不受網站資料夾所處伺服器位置的影響。因此這種書寫形式省略了絕對地址中的相同的相同部分。這樣的優點是：網站資料夾所處的伺服器位址發生改變時，資料夾的所有內部連結都不會出問題。

相對路徑的寫法：

     A：當當前文件與目標檔案在同意目錄下，直接書寫目標檔案名稱+副檔名；資料夾在同一目錄下，寫法如下：

         資料夾名稱/目標檔案全稱為+副檔名；

     C：當目前檔案所處的資料夾與目標檔案所處的資料夾不在同一目錄下，並寫法如下：

          ../目標檔案所處資料夾名稱/目標檔案名稱+副檔名