HTML:表格和表单

表格

<table>定义表格

<caption>定义表格标题,必须紧跟<table>之后,一个表格只能有一个标题

<tr>表格中的行,<tr>中包含一个或多个<th>或<td>

<th>表头单元格,<th>中的文本通常是居中的粗体文本

<td>标准单元格,<td>中的文本通常是正常字体,且左对齐

属性

<table></table>

border:表格的边框

width:表格的宽度

cellpadding:单元格边界与单元格内容的间距

cellspacing:单元格之间的间距

bordercolor:边框颜色

bgcolor:背景颜色

<tr></tr>

align(left/center/right):水平对齐方式(左中右)

valign(top/middle/bottom):垂直方向的对齐方式(上中下)

height:高度

bgcolor:背景颜色

<td></td>

height:高度

width:宽度

align(left/center/right):水平对齐方式

valign(top/middle/bottom):垂直方向的对齐方式

bgcolor:背景颜色

布局

<thead>、<tbody>、<tfoot>依次表示表头、主体、脚注,默认情况下这三个标签不会影响到表格的布局

如果要使用这三个标签,就必须三个一起使用,而且次序不能颠倒

<table border="1">
	<thead>
		<tr>
			<th>月份</th>
			<th>利润</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>一月</td>
			<td>三万元</td>
		</tr>
	</tbody>
	<tfoot></tfoot>
</table>

合并单元格

<th>和<td>具有两个重要属性,可以用来合并单元格</

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值