HTML中的表

1.列表

• 有序列表   
• 无序列表
• 自定义列表

有序列表   

<ol>

    <li></li>

    <li></li>

    <li></li>

</ol> 

属性：reversed倒叙顺序

         start:设置初始值

无序列表

<ul>

    <li></li>

    <li></li>

    <li></li>

</ul>

type:disc 实心圆（默认的）

        circle空心圆

       square   是新方框

自定义列表

<dl>

    <li></li>

    <li></li>

</dl>

2.表格

<table>

    <tr>

        <th></th>

    </tr>

    <tr>

        <td></td>

    </tr>

</table>

 table >   定义表格

    th   > 定义主题

    tr   >  定义行

    td   > 定义列

<table border="1">
    <tr>
        <th>姓名</th>
        <th>年龄</th>
    </tr>
    <tr>
        <td>张三</td>
        <td>18</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>20</td>
    </tr>
</table>

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

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

 <tr align="center">
        <td rowspan="3">第一行第一列</td>
        <td colspan="2">第一行第二列</td>
        <!-- <td>第一行第三列</td> -->
    </tr>

3.表单

  <form action="">
    姓名：<input type="text">
    密码：<input type="password">
    数字：<input type="number">
    </form>

        text:任意字符  文本框

         pwassword:输入密码  为....

        number:只能输入数字

单选按钮

<form>

<input type="radio" name="sex" value="nan ">男

<input type="radio" name="sex" value="nv " checked>女

<input type="radio" name="sex" value="qita ">其他

</form>>

复选按钮

<form>
<input type="checkbox" name="A" value="chi ">吃
<input type="checkbox" name="A" value="he " checked>喝
<input type="checkbox" name="A" value="wan " checked>玩
<input type="checkbox" name="A" value="le">乐
</form>

下拉框

<!-- selec下拉框

    select :

            option  -- 选项

            value:选项值 -->

<select name="地区" id="">
<option value="3">上海</option>
<option value="1">深圳</option>
<option value="2">广州</option>
</select>

文本域

<form >

    备注

    <textarea name="" id="" cols="30" rows="10"></textarea>

</form>

提交

<form >

    <input type="submit">

    <input type="file">

</form>