概述
1、Html就是超文本標(biāo)記語(yǔ)言的簡(jiǎn)寫，是最基礎(chǔ)的網(wǎng)頁(yè)語(yǔ)言
2、Html是通過(guò)標(biāo)簽來(lái)定義的語(yǔ)言，代碼都是由標(biāo)簽所組成
3、Html代碼不用區(qū)分大小寫
4、Html代碼由<html>開始</html>結(jié)束。里面由頭部分<head></head>和體部分<body></body>兩部分組成
5、頭部分是給Html頁(yè)面增加一些輔助或者屬性信息
6、身體部分是真正存放頁(yè)面數(shù)據(jù)的地方
多數(shù)標(biāo)簽都是有開始標(biāo)簽和結(jié)束標(biāo)簽，其中有個(gè)別標(biāo)簽因?yàn)橹挥袉我还δ埽蛘邲]有要修飾的內(nèi)容，可以在標(biāo)簽內(nèi)結(jié)束。例如<br />
想要對(duì)被標(biāo)簽修飾的內(nèi)容進(jìn)行更豐富的操作，就用到了標(biāo)簽中的屬性，通過(guò)對(duì)屬性的改變，增加了更多的效果選擇。
屬性與屬性值之間用”=”連接，屬性值可以用雙引號(hào)或單引號(hào)或者不用引號(hào)，一般都會(huì)用雙引號(hào)。或者公司規(guī)定書寫規(guī)范
格式：
<標(biāo)簽名 屬性名=“屬性值”>數(shù)據(jù)內(nèi)容</標(biāo)簽名>
<標(biāo)簽名 屬性名=“屬性值”/>
操作思想：
為了操作數(shù)據(jù)，都需要對(duì)數(shù)據(jù)進(jìn)行不同的標(biāo)簽封裝，通過(guò)標(biāo)簽中的屬性對(duì)封裝的數(shù)據(jù)進(jìn)行操作，標(biāo)簽就相當(dāng)于一個(gè)容器，對(duì)容器中的數(shù)據(jù)進(jìn)行操作，就是在不斷的改變?nèi)萜鞯膶傩灾怠?/p>
字體標(biāo)簽：<font>
例：<font size=5 color=red>字體標(biāo)簽示例</font>
注：簡(jiǎn)單顏色可以直接寫對(duì)應(yīng)的英文，復(fù)雜的顏色用16進(jìn)制表示，表現(xiàn)形式#FF0000兩個(gè)數(shù)為一組，按紅、綠、藍(lán)排列，如：#00FF00表示綠色，建議用工具選取
標(biāo)題標(biāo)簽：<h1><h2>…<h6>
因?yàn)闃?biāo)題是文本中常用的內(nèi)容，為了方便操作而定義，使文章排版更加清晰。
特殊字符：
如果要在網(wǎng)頁(yè)上顯示一些特殊符號(hào)，比如< > &等，因?yàn)檫@些符號(hào)在代碼中會(huì)被瀏覽器識(shí)別并解釋，所以用一些特殊的方式來(lái)表示
列表標(biāo)簽： <dl>
<dt>：上層標(biāo)簽
<dd>：下層標(biāo)簽
圖像標(biāo)簽： <img>
<img src=”../dir/file” alt=”說(shuō)明文字" height width border/>
src屬性中可用兩個(gè)點(diǎn)（../）代表上層目錄
alt屬性中的說(shuō)明文字在鼠標(biāo)懸停和圖片加載失敗時(shí)顯示
圖像地圖：用<img>封裝好圖像后，切換到DW設(shè)計(jì)視圖，在屬性中選擇熱點(diǎn)區(qū)域形狀并在圖像上拖動(dòng)出一塊熱點(diǎn)區(qū)域，用熱點(diǎn)區(qū)域鏈接某個(gè)資源。在頁(yè)面中點(diǎn)擊熱點(diǎn)區(qū)域就會(huì)跳轉(zhuǎn)到相應(yīng)資源。
表格標(biāo)簽： <table>
組成：
標(biāo)題標(biāo)簽： <caption>給表格提供標(biāo)題。
表頭標(biāo)簽： <th> ，一般對(duì)表格的第一行或者第一列進(jìn)行格式化，就是粗體顯示，并不常用。
行標(biāo)簽： <tr>
單元格標(biāo)簽： <td> ，加載行標(biāo)簽的里面，可以簡(jiǎn)單理解為，先有行，再在行中加入單元格。
格式：
屬性：
<table>
cellpadding：規(guī)定單元邊沿與其內(nèi)容之間的空白。
cellspacing：規(guī)定單元格之間的空白。
<td>
rowspan：規(guī)定單元格可以橫跨的行數(shù)。
colspan：規(guī)定單元格可以橫跨的列數(shù)。
注：
table標(biāo)簽中默認(rèn)都有一個(gè)tbody標(biāo)簽 thead、tbody、tfoot
瀏覽頁(yè)面時(shí)，瀏覽器解析由table標(biāo)簽封裝的頁(yè)面數(shù)據(jù)時(shí)，讀到</table>表格結(jié)束標(biāo)記才會(huì)顯示數(shù)據(jù)，若封裝頁(yè)面數(shù)據(jù)的表格很大，沒讀到結(jié)束標(biāo)記就不顯示任何數(shù)據(jù)，用戶體驗(yàn)不佳，所以將表格分為多個(gè)部分，讀一個(gè)</tbody>就顯示一部分。用tbody將表格分體
超鏈接標(biāo)簽： <a>
兩種用法：
一、超鏈接 <a href=””>
屬性：
<table>
cellpadding：規(guī)定單元邊沿與其內(nèi)容之間的空白。
cellspacing：規(guī)定單元格之間的空白。
<td>
rowspan：規(guī)定單元格可以橫跨的行數(shù)。
colspan：規(guī)定單元格可以橫跨的列數(shù)。
注：
table標(biāo)簽中默認(rèn)都有一個(gè)tbody標(biāo)簽 thead、tbody、tfoot
瀏覽頁(yè)面時(shí)，瀏覽器解析由table標(biāo)簽封裝的頁(yè)面數(shù)據(jù)時(shí)，讀到</table>表格結(jié)束標(biāo)記才會(huì)顯示數(shù)據(jù)，若封裝頁(yè)面數(shù)據(jù)的表格很大，沒讀到結(jié)束標(biāo)記就不顯示任何數(shù)據(jù)，用戶體驗(yàn)不佳，所以將表格分為多個(gè)部分，讀一個(gè)</tbody>就顯示一部分。用tbody將表格分體
超鏈接標(biāo)簽： <a>
兩種用法：
一、超鏈接 <a href=””>
表單標(biāo)簽： <form>
表單標(biāo)簽是最常用的標(biāo)簽，用于與服務(wù)器端的交互。
<input>：輸入標(biāo)簽；接受用戶輸入信息
其中type屬性指定輸入標(biāo)簽的類型
文本框 text：輸入的文本信息直接顯示在框中。
密碼框 password：輸入的文本以圓點(diǎn)或者型號(hào)的形式顯示。
單選框 radio：如：性別選擇。
復(fù)選框 checkbox：如：興趣選擇。
隱藏字段 hidden：在頁(yè)面上不顯示，但在提交的時(shí)候隨其他內(nèi)容一起提交。
提交按鈕 submit：用于提交表單中的內(nèi)容。
重置按鈕 reset：將表單中填寫的內(nèi)容設(shè)置為初始值
按鈕 button：可以為其自定義事件。
文件上傳 file ：后期擴(kuò)展內(nèi)容，會(huì)自動(dòng)生成一個(gè)文本框，和一個(gè)按鈕。
圖像 image 它可以替代 submit 按鈕
<select>：選擇標(biāo)簽，提供用戶選擇內(nèi)容。如：用戶所在省份。size屬性為顯示項(xiàng)目個(gè)數(shù)。
<option>：子項(xiàng)標(biāo)簽，屬性 selected 沒有屬性值，加在子項(xiàng)上，其中一個(gè)子項(xiàng)上，子項(xiàng)就變成默認(rèn)被選項(xiàng)。
<textarea>：多行文本框，如：個(gè)人信息描述。
<label>：用于給各元素定義快捷鍵。
for 屬性：指定快捷鍵作用的表單元素。必須與要作用的表單元素的 id 值相同。
accesskey 屬性：指定快捷鍵，此快捷鍵需要和 alt 鍵組合使用。
表單提交：
1、先定義 form 表單中的 action屬性值，指定表單數(shù)據(jù)提交的目的地(服務(wù)端)。
2、明確提交方式，通過(guò)指定 method 屬性值。如果不定義，那么 method 的值默認(rèn)是 get。
get和post這兩種最常用的提交方式的區(qū)別：
1、get提交將數(shù)據(jù)顯示在地址欄，對(duì)于敏感信息不安全。post提交不顯示在地址欄。
2、地址欄中存放的數(shù)據(jù)是有限的，所以 get 方式對(duì)提交的數(shù)據(jù)體積有限制。post可以提交大體積數(shù)據(jù)。
3、對(duì)提交數(shù)據(jù)的封裝方式不同：get：將提交數(shù)據(jù)封裝到了消息頭前面，請(qǐng)求行中。post：將提交的數(shù)據(jù)封裝到消息頭后，數(shù)據(jù)體中。
其他標(biāo)簽
<pre></pre> ：此標(biāo)簽內(nèi)封裝的文本數(shù)據(jù)格式將保持原樣，包括空格和縮進(jìn)等格式。常用于頁(yè)面中顯示帶有縮進(jìn)層次的代碼。
<p></p> ：段落標(biāo)簽，兩個(gè)段落之間帶有空行
<b>加粗 <strong>加粗 <i>斜體 <u>下劃線 <sub>下標(biāo) <sup>上標(biāo)
<marquee direction=”left/right/down/up” behavior=”scroll/alternate/slide”>此標(biāo)簽內(nèi)可以讓內(nèi)容動(dòng)起來(lái)，scroll滾動(dòng)穿過(guò)/alternate來(lái)回彈/slide一下摔死： <form>
表單標(biāo)簽是最常用的標(biāo)簽，用于與服務(wù)器端的交互。
<input>：輸入標(biāo)簽；接受用戶輸入信息
其中type屬性指定輸入標(biāo)簽的類型
文本框 text：輸入的文本信息直接顯示在框中。
密碼框 password：輸入的文本以圓點(diǎn)或者型號(hào)的形式顯示。
單選框 radio：如：性別選擇。
復(fù)選框 checkbox：如：興趣選擇。
隱藏字段 hidden：在頁(yè)面上不顯示，但在提交的時(shí)候隨其他內(nèi)容一起提交。
提交按鈕 submit：用于提交表單中的內(nèi)容。
重置按鈕 reset：將表單中填寫的內(nèi)容設(shè)置為初始值
按鈕 button：可以為其自定義事件。
文件上傳 file ：后期擴(kuò)展內(nèi)容，會(huì)自動(dòng)生成一個(gè)文本框，和一個(gè)按鈕。
圖像 image 它可以替代 submit 按鈕
<select>：選擇標(biāo)簽，提供用戶選擇內(nèi)容。如：用戶所在省份。size屬性為顯示項(xiàng)目個(gè)數(shù)。
<option>：子項(xiàng)標(biāo)簽，屬性 selected 沒有屬性值，加在子項(xiàng)上，其中一個(gè)子項(xiàng)上，子項(xiàng)就變成默認(rèn)被選項(xiàng)。
<textarea>：多行文本框，如：個(gè)人信息描述。
<label>：用于給各元素定義快捷鍵。
for 屬性：指定快捷鍵作用的表單元素。必須與要作用的表單元素的 id 值相同。
accesskey 屬性：指定快捷鍵，此快捷鍵需要和 alt 鍵組合使用。
表單提交：
1、先定義 form 表單中的 action屬性值，指定表單數(shù)據(jù)提交的目的地(服務(wù)端)。
2、明確提交方式，通過(guò)指定 method 屬性值。如果不定義，那么 method 的值默認(rèn)是 get。
get和post這兩種最常用的提交方式的區(qū)別：
1、get提交將數(shù)據(jù)顯示在地址欄，對(duì)于敏感信息不安全。post提交不顯示在地址欄。
2、地址欄中存放的數(shù)據(jù)是有限的，所以 get 方式對(duì)提交的數(shù)據(jù)體積有限制。post可以提交大體積數(shù)據(jù)。
3、對(duì)提交數(shù)據(jù)的封裝方式不同：get：將提交數(shù)據(jù)封裝到了消息頭前面，請(qǐng)求行中。post：將提交的數(shù)據(jù)封裝到消息頭后，數(shù)據(jù)體中。
其他標(biāo)簽
<pre></pre> ：此標(biāo)簽內(nèi)封裝的文本數(shù)據(jù)格式將保持原樣，包括空格和縮進(jìn)等格式。常用于頁(yè)面中顯示帶有縮進(jìn)層次的代碼。
<p></p> ：段落標(biāo)簽，兩個(gè)段落之間帶有空行
<b>加粗 <strong>加粗 <i>斜體 <u>下劃線 <sub>下標(biāo) <sup>上標(biāo)
<marquee direction=”left/right/down/up” behavior=”scroll/alternate/slide”>此標(biāo)簽內(nèi)可以讓內(nèi)容動(dòng)起來(lái)，scroll滾動(dòng)穿過(guò)/alternate來(lái)回彈/slide一下摔死
今天就寫到這，再有其它HTML標(biāo)簽需要學(xué)習(xí)下回再加上，持續(xù)更新。
新聞熱點(diǎn)
疑難解答
圖片精選
