HTML全稱hyper text markup language，超文本標記語言。是構建頁面的標記，用于承載網站的內容。

目錄

一、HTML語句規則

二、HTML基礎元素

三、HTML功能元素

一、HTML語句規則

1. 文檔結構

2. 標簽書寫

（1）標簽名使用小寫；

（2）雙標簽成對出現；

（3）標簽在 html5 規范中可以省略`/`。

3. 屬性書寫

標記和屬性用空格隔開，屬性與屬性值用`=`連接，屬性值寫在雙引號內，等號兩側不空格。屬性名用小寫，一個標記可以沒有屬性也可以有多個不同屬性，屬性之間不分先后順序。

4. 文件加載

瀏覽器有專門的 html 解析器，瀏覽器是自上而下解析的，順序加載整個頁面的標簽。

5. 標簽嵌套

塊元素可以包含內聯元素或某些塊元素，但內聯元素卻不能包含塊元素，它只能包含其它的內聯元素。有幾個特殊的塊級元素，內部只能包含內聯元素，不能再包含塊級元素如 h1-h6 標題。

5. HTML常用字符實體

二、HTML基礎元素

1. 標題標簽（h1-h6）

該標簽用于書寫標題，屬于塊級元素，在瀏覽器中自占一行。共有六個：

?級標題

?級標題

三級標題

四級標題

五級標題

六級標題

2. 段落標簽（

用于書寫段落或大段文字，屬于塊級元素，在瀏覽器中自占一行。

3. 換行標簽（
）

該標簽為單標簽，屬于塊級元素,自占一行。多用于段落中的換行，但一般不用于布局。

4.?預格式化標簽（

定義預格式化的文本，瀏覽器會完整保留源文件中的格式，包括各種空格、縮進以及其他特殊格式，屬于塊級元素，在瀏覽器中自占一行的標簽。

預格式化標簽可以在在頁面中顯示標簽，則需要搭配實體符號解決。

5. 格式化?本標記

粗體

斜體

下劃線

刪除線

^上標

_下標

著重?字，與 b 效果相同

加重語?，與 i 效果相同

?亮顯示?本

6. 按鈕標簽（ ）

普通的按鈕標簽，不具備任何功能，可以自主賦予功能具有自己的樣式，可以自定義修改，按鈕標簽是特殊的內聯元素，可以設置寬度高度，不自占一行。

7.?分區元素

div?標簽：為塊級元素，自身沒有任何樣式。經常作為容器和分區域的包裹標簽使用，在布局中應用廣泛。

span?標簽：為內聯元素，自身沒有任何樣式，常作為容器使用，用于包裹特殊的文字和圖標。

8. 全局屬性

全局屬性是所有 HTML 元素共有的屬性。它們可以用于所有元素，即使屬性可能對某些元素不起作用。

（1）style屬性：含要應用于元素的樣式聲明，可以給元素指定樣式可以設置多個樣式，每個屬性值用分號隔開。需要注意的是，該屬主要用于快速樣式化，用于測試目的。

（2）id屬性：唯一標識符，在該頁面上一個標簽只能有一個不重復的 id 名，它具有唯一性。id屬性的值不能是數字開頭，不建議寫中文。

（3）class屬性：可以將元素進行分類后給予相同的樣式，減少了代碼的書寫量，該頁面上可以有多個元素擁有此類名，一個元素也可以有多個類。class選擇器名稱不能是數字開頭，不建議寫中文，可以是多個類名用空格隔開。

（4）data-*?定義屬性：data-*是自定義數據屬性，可以通過 JavaScript 與 HTML 之間進行專有數據的交換。data-*`這里的*可以替換為自定義的有意義的字母或單詞，如：data-buy。

三、HTML功能元素

1. URL

統一資源定位符就是我們俗稱的“網址”，可以用來標識網絡上的任何資源，也可以叫做路徑。路徑分為三種：

絕對路徑：完整的描述文件位置的路徑。例如 http://www.zyncode.net/index.html

相對路徑：相對路徑就是相對于當前?件的路徑，相對路徑不帶有盤符。例如 ./logo.gif

根相對路徑：?永遠都是從 web 站點所在的根?錄處開始查找。

2. 超鏈接

標簽，定義超鏈接

href 屬性：表示超文本引用，用來建立當前元素和文檔之間的鏈接。

錨URL：href="#top"，那么點擊時就會到當前頁面中 id="top" 的這個錨點，實現當前頁面的所謂跳轉。

空鏈接：，#是標簽內置的一個方法，代表 top 的作用。點擊后網頁后返回到頁面頂端。

target 屬性：規定在何處打開鏈接文檔。有兩個屬性：_blank，瀏覽器總在一個新打開、未命名的窗口中載入目標文檔；_parent，使文檔載入父窗口或者包含來超鏈接引用的框架的框架集。

3. 圖像

4. 多媒體

controls 屬性提供播放、暫停和音量的控件；

loop 屬性提供循環播放；

width 屬性可以直接控制多媒體文件的寬度。

HTML

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

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