html-demo 原生标签

块级元素：独占一行

行内元素：不会独占一行

div：容器、盒子

p：段落标签

行内块：./当前路径| ../上一级路径| /跟目录 （一般不用）

ul：无序列表

<ul>
    <li>111</li>
    <li>222</li>
    <li>333</li>
</ul>

ol：有序列表

<ol>
    <li>111</li>
    <li>222</li>
    <li>333</li>
</ol>

dl：自定义列表 dt：一级列表项 dd：二级列表项

<dl>
    <dt>1111</dt>
    <dd>22</dd>
    <dd>33</dd>
    <dd>44</dd>
</dl>

table：块级元素 tr：行 th：表头列 td：表体列

<table>
    <tr>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
    </tr>
    <tr>
        <td>李四</td>
        <td>男</td>
        <td>18</td>
    </tr>
</table>

表单元素

<form action="">
    <!-- 输入框 -->
    <input type="text">
    <!-- 确认按钮 -->
    <input type="button" value="确认">
    <!-- 提交按钮 -->
    <input type="submit" value="提交">
    <br>
    <!-- 复选框 -->
    爱好:
    <input type="checkbox">
    羽毛球
    <input type="checkbox">
    乒乓球
    <input type="checkbox">
    篮球
    <br>
    性别:
    <!-- 单选框 -->
    <input type="radio" name="gender">男
    <input type="radio" name="gender">女
    <br>
    选择颜色:
   <!-- 下拉选择框 -->
    <select name="" id="">
        <option value="">红色</option>
        <option value="">蓝色</option>
        <option value="">绿色</option>
    </select>