html原生标签：

块级元素：

   div：盒子容器

   p：段落标签

   h1-h6：标题标签

   ul：无序列表

   ol：有序列表

   li：列表项

   dl：自定义列表

   dt：自定义列表的一级菜单

   dd：自定义列表的二级菜单

   textarea: 一个富文本（多行文本）

   button：一个普通按钮

行内元素：

   span：内嵌文本容器

   a：超链接标签

行内块元素：

   img：图片标签

   input: input标签

          type类型：

                text：文本框

                password：密码

                rel：电话号码

                email：邮箱

                button：按钮，不会刷新页面，需要命名value

                submit：提交，会刷新页面，需要命名value/p>

                checkbox：复选框

                 radio：单选框，需要命名name

表格标签（table）：

   tr：表格的行内项

   th：行内项的表头列

   td：行内项的表体列

表单标签（from）：

   文本框

   复选框

   单选框

   按钮

   下拉菜单

   富文本（多行文本）

其他标签：

   br：换行标签

   hr：分界线标签

<div>盒子容器</div><!-- 一个盒子容器 -->
<p>段落标签</p><!-- 段落标签 -->
<span>内嵌文本容器</span><!-- 内嵌文本容器 -->
<a href="" id=""></a><!-- 超链接标签 -->
<br><!-- 换行标签 -->
<hr><!-- 分界线标签 -->
<!-- 标题标签 -->
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<!-- 图片 -->
<img src="/" alt=""><!-- 根目录下链接图片 -->
<img src="./" alt=""><!-- 当前目录链接图片 -->
<img src="../" alt=""><!-- 父级目录下链接图片 -->
<!-- 无序列表 -->
<ul>
    <!-- 列表头 -->
    <li>111</li><!-- 无序列表头下的一个无序列表项 -->
    <li>222</li>
    <li>333</li>
    <li>444</li>
</ul>
<!-- 有序列表 -->
<ol>
    <!-- 列表头 -->
    <li>111</li><!-- 有序列表头下的一个有序列表项 -->
    <li>222</li>
    <li>333</li>
    <li>444</li>
</ol>
<!-- 自定义列表 -->
<dl>
    <!-- 列表头 -->
    <dt>111</dt><!-- 自定义列表头下的一个一级菜单 -->
    <dd>123</dd><!-- 自定义列表头下的一个二级菜单 -->
    <dd>456</dd>
    <dd>789</dd>

    <dt>222</dt><!-- 自定义列表头下的一个一级菜单 -->
    <dd>123</dd><!-- 自定义列表头下的一个二级菜单 -->
    <dd>456</dd>
    <dd>789</dd>
</dl>
<!-- 一个表格 -->
<table>
    <tr><!-- 行 -->
        <th>姓名</th><!-- 表头列 -->
        <th>性别</th>
        <th>年龄</th>
        <th>学号</th>
    </tr>
    <tr><!-- 行 -->
        <td>张三</td><!-- 表体列 -->
        <td>男</td>
        <td>10</td>
        <td>10010</td>
    </tr>
</table>
<!-- 表单元素 -->
<form action="">
    <!-- 文本框 -->
    <input type="text">
    <!-- 富文本（多行文本） -->
    <textarea name="" id="" cols="30" rows="10"></textarea>
    <!-- 按钮 -->
    <!-- 在form中时，input类型为button不会刷新 -->
    <input type="button" value="input登录">
    <input type="submit" value="提交"><!-- 提交按钮，会刷新页面 -->
    <!-- 在form中时，button按钮默认为submit类型 -->
    <button> button登录</button>
    <!-- 复选框 -->
    复选框：
    <input type="checkbox" name="" id="" value="篮球">
    <input type="checkbox" name="" id="" value="足球">
    <input type="checkbox" name="" id="" value="棒球">
    <input type="checkbox" name="" id="" value="排球">
    <!-- 单选框 -->
    单选框：
    <input type="radio" name="gender" id="" disabled>男
    <!-- disabled:不可选中  checked：预选状态 -->
    <input type="radio" name="gender" id="" checked>女
    <!-- 下拉菜单 -->
    <select name="" id="">
        <option value="">111</option><!-- 下拉菜单下的一个子菜单 -->
        <option value="">222</option>
        <option value="">333</option>
        <option value="" >444</option>
        <option value="" disabled>555</option>
    </select>
</form>
<!-- 在form外时，button按钮默认为普通按钮 -->
<button>点击一下</button>