HTML表格标签的案例

前言

上一篇是表格的基本结构标签和一些属性以及怎么样合并单元格,这篇博客就来具体练习一下table的使用


1.

HTML表格标签的案例_第1张图片



	
		
		
		
	
	
		
名次 分数 总分 奖金
第一名 80 90 100 270 200
第二名 95 85 95 275 230
奖金总计 430

 


2.

HTML表格标签的案例_第2张图片

 



	
		
		
		
	
	
		

四年级3班 课程表

星期一 星期二 星期三 星期四 星期五
 上
7:50--8:20 单老师 单老师 唐老师 凌老师 单老师凌
老师
8:20--8:35 晨会课
8:40--9:20 数学 语文 语文 语文 音乐
9:30--10:10 英语 数学 体育 数学 语文
10:35--11:20 英语 语文 数学 语文 综合2
中自习 单老师 卞老师 凌老师 凌老师 凌老师

综合1 英语 英语 综合1 语文 语文
1:00--1:40 语文 语文 语文 语文 语文
1:50--2:35 综合3 数学 数学 数学 数学
2:45--3:25 品德与社
体育 品德与社
班队 科学
3:40-4:00 兴趣课
唐老师 单老师 卞老师 卞老师

 

3.

HTML表格标签的案例_第3张图片



	
		
		
		
	
	
		
星期
早读
上午 1
2
3
4
午休
下午 5
6
7
8
晚修

 


4.

HTML表格标签的案例_第4张图片



	
		
		
		
	
	
		

产品价格

套餐名称 查询次数 调用频率 有效时间 价格
试用套餐 500次 2次/秒 1月 0元

 


5.

HTML表格标签的案例_第5张图片



	
		
		
		
	
	
		

课程表

项目 上课 休息
星期 星期一 星期二 星期三 星期四 星期五 星期六 星期日
上午 语文 语文 语文 语文 语文 语文 休息
数学 数学 数学 数学 数学 数学
英语 英语 英语 英语 英语 英语
化学 化学 化学 化学 化学 化学
下午 地理 地理 地理 地理 地理 地理 休息
计算机 计算机 计算机 计算机 计算机 计算机

 


总结

以上就是五个关于表格的案例更新,多看多写

你可能感兴趣的:(HTML5,开发语言,前端,大前端,html,web)