HTML入门Day3

表格

语法：

<table border='边框的粗度' cellspacing='双线边框之间的间隔' cellpadding='内容和边框的间隔'>
<tr>
<td>内容</td>
</tr>
</table>

实现一个五行六列的表格
快捷书写方式

table>tr*5>td*6{内容}

td的属性 colspan=‘跨的列数’ rowspan=‘跨的行数’
合并表格的步骤
1.实现基本表格
2.判定特殊表格是跨行还是跨列，给左上角的单元格设置对应的属性，属性值为占据的格子数
3.保存看错误，删除对应行多的单元格（从后往前删除）
制作这样的表格

 <table  border='1' cellspacing='0' cellpadding='15'>
        <tr>
            <td colspan="3"></td>
            <td></td>
            <td></td>
            <td></td>
           
            
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>

        </tr>
        <tr>
            <td rowspan="6"></td>
            <td ></td>
            <td colspan="3"></td>
            <td rowspan="6"></td>

          
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            

        </tr>
        <tr>
            <td colspan=''></td>
            <td></td>
            <td></td>
           
            
           
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td colspan="2" rowspan="2"></td>
          

          
        </tr>
        <tr>
            <td></td>
            <td></td>
            
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            

        </tr>
    </table>

表单的认识：

负责页面中的数据采集
组成：
表单域：数据填入的部分。
表单按钮：负责事件的标识。
表单标签：负责数据提交的地址和方式

<form action='数据提交的地址' method='数据提交的方式get或者post'>
表单域
表单按钮
</from>
get和post的区别
1.get是追加到地址栏，post是以服务器的方式传输
2.get传输数据小
3.get不安全
4.get速度快

表单域：

1.文本输入框

<input type='text'>

2.密码输入框：

<input type='password'>

3.单选

<input type='radio' name='同一组单选，name值要一样'>

4.复选：

<input type='checkbox' name='同一组复选，name值建议设置成一样'>

<input type='输入框类型' name='必填项-填了才能提交数据' placeholder='占位符-提示文字'>

表单按钮：

提交按钮：

<button type='submit'>安全登录</button>

重置按钮：

<button type='resert'>重置信息</button>

普通按钮：

<button type='button'>普通按钮</button>