700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 【前端】利用HTML标签实现个人简历界面 <table>【HTML+CSS+JavaScript(JS)】

【前端】利用HTML标签实现个人简历界面 <table>【HTML+CSS+JavaScript(JS)】

时间:2024-01-18 16:04:44

相关推荐

【前端】利用HTML标签实现个人简历界面 <table>【HTML+CSS+JavaScript(JS)】

效果:

代码:

<!DOCTYPE html><html><head><meta charset="utf-8"><title>作业3-简历</title></head><body><table border="0" align="center" width="1024"><tr><!--4列--><th width="250px"><p><h1>基本信息</h1><br/><br/>求职意向&nbsp;&nbsp;&nbsp;&nbsp;软件工程师 <br/></p></th><th><p><h2 align="center">陈宸</h2>联系电话:18218218182<br/>E-mail:2855666666@ <br/></p></th><th><table align="center" border="0"><tr><th height="80">性别:男</th></tr><tr><th height="80">籍贯:abcd</th></tr></table></th><th><p><img src="picture.png" alt="picture" width="100"></p></th></tr><tr><!--★★★★注意colspan是写在td/th上的★★★★--><td colspan="4" bgcolor="aquamarine" style="color: cornsilk;" height="50px" valign="bottom"><b>求职意向</b></td></tr><tr><td colspan="2"> Java工程师</td><td colspan="2"> 工作性质:全职</td></tr><tr><td colspan="4" bgcolor="aquamarine" style="color: cornsilk;" height="50px" valign="bottom"><b>教育背景</b></td></tr><tr><td colspan="2"> 湖北大学<br/>专业:挖掘机</td><td colspan="2"> -2070</td></tr><tr><td colspan="4" bgcolor="aquamarine" style="color: cornsilk;" height="50px" valign="bottom"><b>技能</b></td></tr><tr><td colspan="4" ><ul><li>6月&nbsp;&nbsp;&nbsp;&nbsp;普通话等级证书 — 二级乙等</li><li>3月&nbsp;&nbsp;&nbsp;&nbsp;全国计算机一级MSOffice证书</li><li>5月&nbsp;&nbsp;&nbsp;&nbsp;教师资格证 — 初中数学</li><li>5月&nbsp;&nbsp;&nbsp;&nbsp;教师资格证 — 初中数学</li><li>12月&nbsp;&nbsp;&nbsp;&nbsp;英语六级 — 999</li></ul></td></tr><tr><td colspan="4" bgcolor="aquamarine" style="color: cornsilk;" height="50px" valign="bottom"><b>项目经验</b></td></tr><tr><td colspan="2" style="color: blue">基于SSM的球鞋销售系统</td><td colspan="2" style="color: blue"> -2077</td></tr><tr><td colspan="4"> 然抽象的爱,亦可使人超生。爱国也需要生命,生命力充溢者方能爱国。至如阉寺性的人,实无所爱,对国家,貌作热诚,对事,马马虎虎,对人,毫无情感,对理想,异常吓怕。也娶妻生子,治学问教书,做官开会,然而精神状态上始终是个阉人。与阉人说此,当然无从了解。</td></tr></table></body></html>

注意:

1.<td colspan=“4” >注意colspan是写在td/th上的。因为只有单元格才能跨列(横向)。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。