html中標(biāo)簽有很多，主要分為三組快毛，分別是塊級(jí)元素格嗅、內(nèi)聯(lián)元素、內(nèi)聯(lián)塊級(jí)元素唠帝。

塊級(jí)元素

常見的塊級(jí)元素有<h1>~<h6>屯掖、<p>、<div>襟衰、<ul>贴铜、<ol>、<li>等，其中<div>標(biāo)簽是最經(jīng)典的塊級(jí)元素绍坝。特征：一行只能放一個(gè)徘意，有寬高⌒郑可容納內(nèi)聯(lián)元素和其它塊級(jí)元素椎咧。

內(nèi)聯(lián)元素

常見的內(nèi)聯(lián)元素有<a>、<strong>把介、<b>勤讽、<em>、<i>拗踢、<span>等脚牍，其中<span>標(biāo)簽時(shí)最經(jīng)典的內(nèi)聯(lián)元素。特征：都在一行上秒拔，設(shè)置高寬無效莫矗，只能容納文本（<a>除外），其它內(nèi)聯(lián)元素砂缩。

內(nèi)聯(lián)塊級(jí)元素

常見的內(nèi)聯(lián)塊級(jí)元素有<img>作谚、<input>、<td>等庵芭。特征：可設(shè)置寬高和對齊屬性妹懒，內(nèi)外邊距都可控制。

各種級(jí)別元素可以在CSS中display（標(biāo)簽顯示模式轉(zhuǎn)換）轉(zhuǎn)換：

• 塊級(jí)轉(zhuǎn)內(nèi)聯(lián)：display:inline;
• 內(nèi)聯(lián)轉(zhuǎn)塊級(jí)：display:block;
• 塊級(jí)双吆、內(nèi)聯(lián)轉(zhuǎn)內(nèi)聯(lián)塊級(jí)：display:inline-block;

iframe標(biāo)簽

主要用于嵌套頁面（在一個(gè)頁面中存在另一個(gè)頁面的內(nèi)容）
<iframe src="http://www.baidu.com" name="xxx"></iframe>
就是在當(dāng)前頁面中打開一個(gè)百度的頁面眨唬。
常見屬性：

• frameborder="0"消除自帶邊框（默認(rèn)為1）。
• name屬性與<a>標(biāo)簽的target屬性相結(jié)合使用好乐。

<iframe name="xxx" src="#" frameborder="0"></iframe>
<a target="xxx" >

• src中一般是網(wǎng)址匾竿，也可以是相對路徑。

a標(biāo)簽

用于跳轉(zhuǎn)頁面（HTTP GET請求）
<a href="" target="" ></a>

常見屬性：

• target：_blank（在新頁面打開）蔚万、_self（在當(dāng)前頁面打開）岭妖、_top（在頂層頁面打開，如無則同_self）反璃、_parent（在父頁面打開昵慌，如無則同_self）。
• 可添加download屬性淮蜈，點(diǎn)擊下載（慎用）斋攀。
• herf支持無協(xié)議（//qq.com）,查詢字符串。當(dāng)其內(nèi)容為空時(shí)梧田，刷新頁面淳蔼；當(dāng)其中為#時(shí)點(diǎn)擊<a>標(biāo)簽侧蘸，地址欄鏈接出現(xiàn)錨點(diǎn)，并跳到頁面頂端。
• javascript偽協(xié)議：herf="javascript:;"點(diǎn)擊之后沒有任何動(dòng)作展懈。

form標(biāo)簽

表單標(biāo)簽，提交時(shí)跳轉(zhuǎn)（HTTP POST請求）注：也可以是GET請求，可以在method屬性中更改耕魄。

常見屬性：

• form表單提交方式：
  1 使用<input>標(biāo)簽，其type為submit授段。
  2 使用<button>標(biāo)簽兜喻，其type為空。
  3 使用JS提交表單
• action屬性指定請求路徑
• method屬性指定請求動(dòng)詞

input標(biāo)簽

與表單聯(lián)用埋虹，用來提交表單信息（注意：此時(shí)一定要在<input>中加入name屬性）猜憎，以接收用戶信息。
<input>標(biāo)簽有很多種類和屬性搔课，簡要介紹幾個(gè)胰柑。

• radio：單選按鈕（在多個(gè)<input>中要實(shí)現(xiàn)單選需要有相同的name屬性）。
• checkbox：復(fù)選框爬泥，可以有多個(gè)柬讨，同一類的要有相同的name屬性。默認(rèn)被選中項(xiàng)可以在<input>中添加checked屬性（或checked="checked"）袍啡。
• text：但行文本輸入踩官；password：密碼輸入（被遮蓋）。

在以上幾種都是type屬性境输，在需要點(diǎn)擊文字部分以實(shí)現(xiàn)光標(biāo)進(jìn)入或者選擇時(shí)需要配合<label>標(biāo)簽使用蔗牡。

<label for="xxx">用戶名：</label><input type="text" name="usename" id="xxx">
<label for="yyy">密碼：</label><input type="password" name="password" id="yyy">

可以看到此時(shí)<label>標(biāo)簽將“用戶名：”和“密碼：”包起來，這個(gè)時(shí)候點(diǎn)擊“用戶名”或者“密碼”時(shí)光標(biāo)會(huì)移動(dòng)到相應(yīng)的框內(nèi)（注意：此時(shí)必須配合使用for和id）嗅剖。單選按鈕和復(fù)選框做法一樣辩越。
還可以用<label>將<input>標(biāo)簽全部包起，可以起到一樣的效果（此時(shí)信粮，可以省略for和id）黔攒。

<label>用戶名：<input type="text" name="usename"></label><br>
<label>密碼：<input type="password" name="password"></label><br>

• select：下拉菜單

<select>
        <option>第一個(gè)</option>
        <option disabled>第二個(gè)</option>
        <option selected>第三個(gè)</option>
</select>

此時(shí)，第二個(gè)選項(xiàng)不能被選中（disabled）蒋院，第三個(gè)選項(xiàng)是默認(rèn)被選中（selected）亏钩。

textarea標(biāo)簽

文本域（多行文字），其大小可能會(huì)被用戶拖動(dòng)更改欺旧，會(huì)影響頁面姑丑，要固定其大小，需要使用其CSS屬性中的resize: none;如果被提交需要有name屬性辞友。

table標(biāo)簽

可以在HTML中自作表格

<table border="1">
        <colgroup>
            <col width="100px">
            <col width="100px">
            <col width="100px">
        </colgroup>
        <thead>
            <tr>
                <th>一</th><th>二</th><th>三</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>21</td><td>22</td><td>23</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>31</td><td>32</td><td>33</td>
            </tr>
        </tfoot>
    </table>

寫在最后

• <div>和<span>標(biāo)簽時(shí)我們在頁面布局中經(jīng)常使用的兩個(gè)標(biāo)簽侈询，沒有語義。
• <b>標(biāo)簽和<strong>標(biāo)簽都表示粗體糯耍，但是<strong>標(biāo)簽的語義更強(qiáng)烈扔字。<i>標(biāo)簽和<em>標(biāo)簽（傾斜）、<s>標(biāo)簽和<del>標(biāo)簽（加刪除線）温技、<u>標(biāo)簽和<ins>標(biāo)簽（加下劃線）同理革为，都是后者語義更強(qiáng)烈。