利用HTML5完成课程表以及个人简历绘制(HTML5学习日志1)

课程表

使用HTML5技术完成如下课程表。

利用HTML5完成课程表以及个人简历绘制(HTML5学习日志1)_第1张图片代码如下:




	
	homework1
	


	
星期一 星期二 星期三 星期四 星期五 星期六 星期天
上午 9:00-10:30
11:00-11:30
中午11:30-14:00
下午 14:00-16:30
17:00-17:30
晚饭
晚上 19:30-21:00

使用技术

表格是使用table表格标签,使用多个多个 tr、th 以及 td 元素。

使用了属性border来添加表格边缘线。
中分别使用colspan、rowspan来实现横跨两个单元格和宗跨两个单元格(相当与excel中的合并单元格)

个人简历表

利用HTML5完成如下个人简历表

利用HTML5完成课程表以及个人简历绘制(HTML5学习日志1)_第2张图片
代码如下:




	
	homework2
	


	
>

			
个人简历
基本信息
姓名
联系方式
毕业院校
专业
性别 生日
学历 外语水平
籍贯
职业技能
项目经验
智慧校园选课系统 2019年1月~2019年6月
项目描述
预览地址
GitHub

使用技术

简历表使用技术如上,使用table表格标签,使用多个多个 tr、th 以及 td 元素。
也是用

使用了属性border来添加表格边缘线。
中分别使用colspan、rowspan来实现横跨多个单元格和宗跨多个单元格。
在一些细节方面,简历表比课程表难写,由于代码量比上面多又在很多地方使用colspan以及rowspan来实现横跨多个单元格和宗跨多个单元格,概念记不清以及不细心容易打错。
另外,thead、tfoot 以及 tbody 元素是对表格中的行进行分组。记住在写时候里面要写上哦。

你可能感兴趣的:(日志)