這篇文章將簡單介紹幾個在HTML常用的標(biāo)簽：iframe標(biāo)簽郑什、a標(biāo)簽蹦误、form標(biāo)簽、input標(biāo)簽舱沧、button標(biāo)簽偶洋、select標(biāo)簽玄窝、textarea標(biāo)簽和table標(biāo)簽一共八個常用標(biāo)簽。
1.iframe標(biāo)簽
作用:嵌套的瀏覽上下文帽氓，有效地將另一個HTML頁面嵌入到當(dāng)前頁面中黎休。
（1）iframe標(biāo)簽是一個自帶屬性的可替換標(biāo)簽，當(dāng)使用這個標(biāo)簽后联贩，相當(dāng)于在一個頁面中打開了兩個網(wǎng)址捎拯，因此整體運(yùn)行速度會明顯變慢署照。
（2）一般使用這個標(biāo)簽時藤树，要給標(biāo)簽加入frameborder="0"屬性，可以消除嵌入頁面的邊框凹陷效果升略。
（3）frame標(biāo)簽一般還會有name屬性屡限，這個屬性一般結(jié)合a標(biāo)簽使用。
（4）另外翰撑，此標(biāo)簽在現(xiàn)代前端開發(fā)中已經(jīng)很少使用眶诈。
2.a標(biāo)簽
作用：用于跳轉(zhuǎn)頁面瓜饥，在HTTP協(xié)議下發(fā)送GET請求乓土。
target屬性
當(dāng)iframe標(biāo)簽中定義了name屬性后，就可以通過a標(biāo)簽的target屬性在嵌入頁面中跳轉(zhuǎn)a標(biāo)簽指定的網(wǎng)址狡相。
例如：
<iframe src="#" frameborder="0" name=xxx></iframe>
<a target=xxx>跳轉(zhuǎn)百度頁面</a>
target屬性還有四種其他用法尽棕，分別如下所示：
<a target="_blank">在空頁面打開</a>
<a target="_self">在自己頁面打開</a>
<a target="_parent">在父親頁面打開</a>
<a target="_top">在頂層窗口打開</a>
download屬性
a標(biāo)簽可以通過加入download屬性來下載當(dāng)前頁面滔悉。
可以下載的兩種情況：
（1）a標(biāo)簽中加入了download形式
（2）響應(yīng)返回的Content-Type為application/octet-stream
href屬性
href后面的地址不能寫成href=“qq.com”蟀悦，因此.com有可能為文件后綴，瀏覽器無法正常識別氧敢。
href的四種用法：
<a >不指定協(xié)議，當(dāng)前頁面是什么協(xié)議询张，就使用什么協(xié)議孙乖。</a>
<a href="#xxx">不發(fā)送請求，xxx自動加在地址后</a>
<a href="?name=xxx">發(fā)送請求份氧，xxx自動加在地址后</a>
<a href="javascript: alert(1);">javascript偽協(xié)議唯袄，提示1</a>
<a href="javascript:;">javascript偽協(xié)議，點(diǎn)擊后什么都不做的a標(biāo)簽</a>
3.form標(biāo)簽
作用：用于跳轉(zhuǎn)頁面蜗帜，在HTTP協(xié)議下發(fā)送POST請求恋拷。
（1）如果form標(biāo)簽里面沒有提交按鈕厅缺，就無法提交form表單蔬顾。
<form action="index.html" method="post">
<input type="text" name="text">
<input type="submit" valule="請求">
</form>
（2）form標(biāo)簽是HTML提交內(nèi)容的唯一方法。
（3）用form標(biāo)簽提交內(nèi)容時的Content-Type為：application/x-www-form-urlencoded湘捎。
（4）提交的內(nèi)容若為鍵盤內(nèi)容之外的（如中文）诀豁，提交時需經(jīng)過轉(zhuǎn)譯，會變成對應(yīng)的UTF-8編碼窥妇。
（5）另外舷胜，file協(xié)議是不支持post的。
（6）如果用form標(biāo)簽來寫GET活翩，所寫的參數(shù)會放入查詢參數(shù)里面烹骨，通過地址欄可以看到，但GET不能有第四部分材泄。
（7）用form標(biāo)簽來寫POST時沮焕，也可以寫入查詢參數(shù)，只需把查詢參數(shù)寫在“action”屬性后即可脸爱。
（8）form標(biāo)簽也有target屬性遇汞，且用法與a標(biāo)簽是一樣的。
4.button標(biāo)簽
作用：生成一個按鈕
如果在form標(biāo)簽中沒有定義button標(biāo)簽的類型簿废，button會自動升級成提交按鈕空入。
<form action="index.html" method="post">
<input type="text" name="text">
<button>提交</button>
</form>
如果在form標(biāo)簽中定義button標(biāo)簽的類型為“button”，點(diǎn)擊button標(biāo)簽則不會提交內(nèi)容族檬。
<form action="index.html" method="post">
<input type="text" name="text">
<button type="button">提交</button>
</form>
5.input標(biāo)簽
input標(biāo)簽的type有許多屬性歪赢，其中：
“submit”：表示提交按鈕。
“checkbox”：表示多選框单料。
另：通過label關(guān)聯(lián)多選框與文字的方法
<input type="checkbox" id="xxx"> <label for="xxx">愛我</label>
或者
<label>愛我<input type="checkbox"></label>
“radio”：表示單選框埋凯，兩個radio button有同一個name点楼，就只能有一個被選中。
6.select標(biāo)簽
作用：生成一個下拉列表
<form action="user" method="POST">
<select name="xxx" multiple>
<option value="" selected>-</option>
<option value="1" disabled>第一組</option>
<option value="2">第二組</option>
<option value="3">第三組</option>
<option value="4">第四組</option>
<option value="5">第五組</option>
</select>
<input type="submit" value="提交">
</form>
其中白对，multiple屬性可使下拉列表按住Ctrl或者Shift鍵進(jìn)行多選掠廓。
selected屬性表示下拉列表的默認(rèn)項(xiàng)。
disabled屬性表示下拉列表的不可選項(xiàng)甩恼。
7.textarea標(biāo)簽
作用：生成一個多行文本框
textarea可以讓用戶自己調(diào)節(jié)文本框大小蟀瞧，這樣很容易出現(xiàn)問題，因此要通過CSS控制來確定它的大小
style="resize: none; width=xxx heitght=xxx"
或者：
cols="xx" rows="xx"cols為列數(shù)条摸，rows為行數(shù)
8.table標(biāo)簽
作用：生成一個表格
（1）table的子元素只能有四個悦污，分別為<colgroup>、<thead>钉蒲、<tbody>和<tfoot>切端，這三個子元素后面跟<tr>（table rows），表示新增一行顷啼，每一行的數(shù)據(jù)分為兩種踏枣，第一種為表頭，用<th>表示线梗。第二種為數(shù)據(jù)椰于，用<td>來表示。
（2）<colgroup>用來控制表格的單元格寬度和背景色仪搔。
<table border=1>
<colgroup>
<col width=100 bgcolor=red>
<col width=200>
</colgroup>
<thead>
<tr>
<th>數(shù)字</th><td>123</td>
</tr>
</thead>
<tbody>
<tr>
<th>數(shù)字</th><td>123</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>數(shù)字</th><td>123</td>
</tr>
</tfoot>
</table>
上述代碼會生成一個三行兩列的表格瘾婿，其中第一列的寬度為100px，且背景色顏色為紅色烤咧，第二列寬度為200px偏陪，另外，bgcolor也可以通過CSS來實(shí)驗(yàn)煮嫌。
上述表格中笛谦，可以通過CSS來合并表格間的間隙，代碼如下
table{
border-collapse=collapase;
}
另外昌阿，<thead>饥脑、<tbody>和<tfoot>在代碼中不管順序如何，在展示時仍然會按照<thead>懦冰、<tbody>灶轰、<tfoot>的順序來展示。且若代碼中不寫<tbody>刷钢，瀏覽器會自動補(bǔ)全<tbody>笋颤，不寫<thead>和<tfoot>，也會自動補(bǔ)全<tbody>内地。
