HTML基础：列表、表格、表单标签

有序列表    ol  --  li

        type：1 A a I i

        reverded：倒序设置

        start：设置初始值

代码示例

<ol type="1" reversed start="6">
        <li>有序列表</li>
</ol>

无序列表     ul  --  li

type:      disc        实心圆 默认

              circle      空心圆

              square   实心方框

代码示例

<ul type="circle">
      <li>无序列表</li>
      <li>无序列表</li>
</ul>

自定义列表   dl  --  dt   --  dd

dt：标题列表

dd：自定义列表

代码示例

<dl>
     <dt>标题列表</dt>
     <dd>自定义列表</dd>
     <dd>自定义列表</dd>
</dl>

表格标签    table

        table >  定义表格

        tr    >  定义行

        th    >  定义标题

        td    >  定义列

        rowspan: 合并行  使用时：值为几，就把对应几行的td删掉

        colspan: 合并列  使用时：值为几，就删除本行后的几个td

        bgcolor: 背景颜色

        给一行中任意一个列加高（height）属性，整行都是一个高，如果有冲突，按最大值撑开；

        给一列中任意一个行加宽（width）属性，整列都是一个宽，如果有冲突，按最大值撑开。

代码示例

<table border="1" align="center" width="600">
        <tr>
            <th>表格标题</th>
            <th>表格标题</th>
            <th>表格标题</th>
        </tr>
        <tr align="center">
            <td rowspan="3" bgcolor="pink" height="20">第一行第一列</td>
            <td colspan="2" bgcolor="pink">第一行第二列</td>
            <!-- <td>第一行第三列</td> -->
        </tr>
        <tr align="center">
            <!-- <td>第二行第一列</td> -->
            <td bgcolor="yellow">第二行第二列</td>
            <td bgcolor="yellow">第二行第三列</td>
        </tr>
        <tr align="center">
            <!-- <td>第三行第一列</td> -->
            <td colspan="2" bgcolor="pink">第三行第二列</td>
            <!-- <td>第三行第三列</td> -->
        </tr>
    </table>

表单标签    form

属性：type

                    text: 任意字符 文本框

                    password：输入密码：显示为 ···

                    number: 只能输入数字

          radio: 单选 

                    name属性 name属性相同时，为同一组单选选项组

                    checked 默认选中，选多个时，选中最后拥有该属性的那个

         checkbox：复选

                    name属性 name属性相同时，为同一组复选选项组

                    checked 默认选中，选多个时，就是多个都选中

          name属性：传数据时，让接收方知道我们传的是谁的数据。值是什么。

          value属性：值。

          select ：下拉框

                select   - option   --选项

                            - value：选项值

          submit：提交按钮

          form:action: 提交地址

代码示例

<form action="">
            <label for="name">姓名：
                <input type="text" id="name" name="name" value="张三">   
            </label>
            <br>
            <label for="pass">密码：
                <input type="password" id="pass" name="password" >
            </label>
            <br>
            <label for="age">年龄：
                <input type="number" id="age" name="age" value="20">
            </label>
            <br>
            <label for="sex">性别：
                <input type="radio" id="sex" name="sex" value="1">男
                <input type="radio" id="sex" name="sex" value="0">女
            </label>
            <br>
            <label for="aihao">爱好：
                <input type="checkbox" id="aihao" name="aihao" value="chi" checked>吃
                <input type="checkbox" id="aihao" name="aihao" value="he">喝
                <input type="checkbox" id="aihao" name="aihao" value="shuijiao" checked>睡觉
                <input type="checkbox" id="aihao" name="aihao" value="wan">玩
            </label>
            <br>
            <label for="jiguan">籍贯：
                <select name="籍贯" id="jiguan">
                    <option value="" selected></option>
                    <option value="shanxi">山西</option>
                    <option value="beijing">北京</option>
                    <option value="shanghai">上海</option>
                    <option value="guangzhou">广州</option>
                    <option value="shenzhen">深圳</option>
                </select>
            </label>
            <br>
            <label for="tj">提交：
                <input type="submit">
            </label>
        </form>