web前端开发基础---表格类页面

  1. 插入表格

用于创建表格,表示表格的一行,,,。比较复杂的长表格,可以将表格进行划分,表头,表体,表脚。

表示一个单元格

标签的用法一致,往往存储数据,存储数据标题

中的内容默认是加粗,居中显示的。

例子:



	
		
		
	
	
		
急速退款
会员等级 信用额度
金卡会员 200
砖石会员 500

结果示例

web前端开发基础---表格类页面_第1张图片

Table>标签常用属性

web前端开发基础---表格类页面_第2张图片

注意:以上属性在HTML5中已经不支持,同样的效果均是采用CSS定义,但是这些属性经常会在旧代码中遇见

2,

属性的colspan=“2”表示水平相邻的2个单元格合并,rowspan=“3”表示垂直相邻的3个单元格合并。

例如



	
		
		
	
	
		
会员等级
会员等级 成长值 会员有效期
普通会员 0-199 永久
砖石会员 200-999 有效期一年,一年之后扣除500成长值,根据剩下的成长值重新计算等级
砖石会员 200-999 有效期一年,一年之后扣除500成长值,根据剩下的成长值重新计算等级
砖石会员 200-999 有效期一年,一年之后扣除500成长值,根据剩下的成长值重新计算等级
砖石会员 200-999 有效期一年,一年之后扣除500成长值,根据剩下的成长值重新计算等级
备注:系统会自动计算

结果显示

web前端开发基础---表格类页面_第3张图片

3、通过css选择table标签控制表格内容居中,text-align:center;

你可能感兴趣的:(html,开发语言,学习)