使用表格布局时,可将表格划分为头部、主体和页脚(页脚有兼容性问题)。
创建表格的基本格式:
<table>
<tr>
<td>单元格内的文字</td>
…
</tr>
…
</table>
table用于定义一个表格。
tr用于定义表格中的一行,必须嵌套在table标签中,在table中包含几对tr,就有几行表格。
td/td: 用于定义表格中的单元格,必须嵌套在<tr></tr>
标签中,一对<tr></tr>
中包含几对<td></td>
,就表示该行中有多少列(或多少单元格)。
注意: <tr></tr>
中只能嵌套<td></td>
。 <td></td>
标签就像一个容器,可以容纳所有元素。
<thead> </thead>:
用于定义表格的头部,必须位于<table></table>
标签中,一般包含网页的logo和导航等头部信息。
<tbody></tbody>:
用于定义表格主体,位于<table></table>
标签中,一般包含网页中头部和底部之外的其他内容。
表头标签:
表头一般位于表格第一行或第一列,其文本加粗居中。设置表头只需用表头标签<th></th>
替代单元格标签<td></td>
。
表格标题:caption,必须紧随table标签之后,只能对每个表格定义一个标题,通常这个标题会被居中于表格之上。
<table>
<caption>我是表格标题</caption>
</table>
border 设置表格的边框(默认“border”无边框)
cellspacing 设置单元格与单元格边框之间的空白间距
cellpadding 设置单元格内容与单元格边框之间的空白间距
width 设置表格宽度 height 设置表格高度
align 设置表格在网页中的水平对齐方式
合并单元格:跨行合并:rowspan 跨列合并:colspan
将多个内容合并的时候,就会有多余的东西,把它删除。例如把三个td合并成一个,那就多余了2个,需要删除。
表格提供了HTML中定义表格式数据的方法;表格中由行中的单元格组成;没有列元素,列的个数取决于行的单元格个数;不要纠结于外观。
表单域:
在HTML中,form标签被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器。基本语法格式:
<form action="url地址" method=“提交方式” name=“表单名称”>
各种表单控件
</form>
<form action="" method="post">
用户名:<input type="text" name="mayday" > <br /> <br />
密 码:<input type="password" name="0329"> <br /> <br />
性别:<input type="radio" name="gender">
<input type="submit" value="提交所填">
<input type="reset" value="重新填写">
</form>
每个表单都应该有自己的表单域。
常用属性:
- Action: 在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的URL地址。
- method: 用于设置表单数据的提交方式,其取值为get或post。
- name: 用于指定表单的名称,以区分同一个页面中的多个表单。