CSS——表格结构

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/mintsolace/article/details/89007038

使用表格布局时,可将表格划分为头部、主体和页脚(页脚有兼容性问题)。
创建表格的基本格式:

<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>

每个表单都应该有自己的表单域。
常用属性:

  1. Action: 在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的URL地址。
  2. method: 用于设置表单数据的提交方式,其取值为get或post。
  3. name: 用于指定表单的名称,以区分同一个页面中的多个表单。

猜你喜欢

转载自blog.csdn.net/mintsolace/article/details/89007038