纯 html 实现一个简单的个人简历

仅使用 html 实现一个简单的个人简历，只需用到 table 标签就行了，其效果图如下：

附上完整的源代码：

<!DOCTYPE html>
<html lang="zh-cn">
<head><meta charset="UTF-8"><title>个人简历</title>
</head>
<body>
<div align="center"><table border="2px" bordercolor="#478cc3" cellspacing="0"><tr align="center"><td colspan="6" width="558px" height="70px"><h2>个人简历</h2></td></tr><tr><th rowspan="5" width="93px">个人信息</th><th width="93px" height="35px">姓名</th><td width="93px"></td><th width="93px">性别</th><td width="93px"></td><td rowspan="5" width="93px"></td></tr><tr><th height="35px">出生年月</th><td></td><th>民族</th><td></td></tr><tr><th height="35px">籍贯</th><td></td><th>政治面貌</th><td></td></tr><tr><th height="35px">毕业院校</th><td></td><th>学历</th><td></td></tr><tr><th height="35px">专业</th><td></td><th>学位</th><td></td></tr><tr><th rowspan="2">联系方式</th><th height="35px">联系电话</th><td colspan="4"></td></tr><tr><th height="35px">E-mail</th><td colspan="4"></td></tr><tr><th rowspan="2">个人能力</th><th height="35px">计算机水平</th><td colspan="4"></td></tr><tr><th height="35px">英语水平</th><td colspan="4"></td></tr><tr><th rowspan="3" height="105px">自我评价</th><td colspan="5" rowspan="3"></td></tr><tr></tr><tr></tr><tr><th rowspan="3" height="105px">教育背景</th><td rowspan="3" colspan="5"></td></tr><tr></tr><tr></tr><tr><th rowspan="3" height="105px">社会实践</th><td rowspan="3" colspan="5"></td></tr><tr></tr><tr></tr></table>
</div>
</body>
</html>

纯 html 实现一个简单的个人简历相关推荐

编写一个简单的“个人简历”网页
新建HTML5文档,另存为"index01.html". 根据个人简历各元素,每一个元素用一个<p></p>标签,每个<p>标签为并列关系,且& ...
android三角形切图软件,还在为小三角形切图？使用纯CSS写一个简单的三角形
同学们,当美工给的设计图是这样: 或者这样: 我的内心其实是拒绝的-_-:但工作还得干,大部分同学会写 .icon{width:20px;height:20px;display:block;margi ...
了解3D世界的黑魔法 - 纯Java构造一个简单的3D渲染引擎
前言当今用于游戏和多媒体的3D渲染引擎在数学和编程的复杂性上足以令大多数人望而生畏,从编程接口的OpenGL再到逼真到令人叹为观止的UE5(虚幻五)引擎,后者单单引擎本身(不含调试)的大小就达到了将 ...
利用table制作一个简单的个人简历
table的曾经在div没有出现之前,table曾是做网页的中坚力量.记得在开始学网页的时候,div是神马,我不造呀!做网页还用div吗,就只用table就可以了,各种表格嵌套加嵌套,一个网页就拼凑 ...
html/css做一个简单的个人简历
今天闲着无聊做了个简单的小demo,做完了之后还是很无聊,就简单整理了下,写下了这篇文章. 话不多说,按照惯例先放效果图上面是移动端的效果图,pc端布局一样,只是某些元素的大小略有不同响应式主要是 ...
如何使用纯CSS3创建一个简单的五角星图形
我们可以使用SVG.Canvas.CSS3或者背景图片来实现五角星图案及其悬停效果. CSS3引入的伪元素和变换特性使得实现五角星图形非常简单,并且可以结合渐变实现更为漂亮的效果. 因此使用图片实现五 ...
用表格做一个简单地个人简历
有注释 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8& ...
【Tomcat】——纯手写实现一个简单的Tomcat
前言心血来潮,记得上大学时老师曾经简单讲过Tomcat底层的实现原理,并给我们演示过简单的实现,趁着刚毕业还没有全部忘记,回温一下记录在这里,在这里纯底层实现一个简单可以访问静态文件以及动态请求的T ...
使用matlab建立个人简历,HTML 使用表格制作简单的个人简历
复习一下HTML,用表格做一个简单的个人简历 .btbg{ text-align:center; } 个人简历姓名性别出生日期照片民族政治面貌婚姻状况现所在地籍贯学历毕业学校专 ...

纯 html 实现一个简单的个人简历

纯 html 实现一个简单的个人简历相关推荐

最新文章

热门文章