HTML实现个人简历

最新推荐文章于 2024-10-02 12:00:45 发布
最新推荐文章于 2024-10-02 12:00:45 发布
阅读量2w 收藏 330
点赞数 38
分类专栏： Python 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_59269336/article/details/119832624
版权 
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head lang="zh-CN">
	<meta charset="utf-8">
	<title>个人简历</title>
	<style type="text/css">
		#person_photo {
			background-color: #f2f2f2;
		}
		#email,#phone {
			font-size: 16px;
			color: #a7a6a6;
		}
		#name {
			color: #5f5f5f;
			font-size: 20px;
		}
		#about {
			color: #5f5f5f;
			font-size: 18px;
			font-weight: bold;
		}
	</style>
</head>
<body>

	<table border="0" width="800" height="800" cellpadding="0" cellspacing="0" align="center">
		<tr>
			<!-- <td bgcolor="#f2f2f2"></td> -->
			<td id="person_photo" width="260">

				<table border="0" width="260" height="800" cellpadding="0" cellspacing="0" valign="top">
					<tr>
						<td height="120"></td>
					</tr>
					<tr align="right">
						<td height="100"><img src="./images/person.png"></td>
					</tr>
					<tr align="right" width="260">
						<td id="name" height="21">张达山</td>
					</tr>
					<tr align="right">
						<td id="phone" height="17">18210898888</td>
					</tr>
					<tr align="right">
						<td id="email" height="17">zhangdasan@126.com</td>
					</tr>
					<tr>
						<td></td>
					</tr>

				</table>

			</td>

			<td width="30"></td>

			<td width="480">
				<table border="0" width="480" height="800" cellpadding="0" cellspacing="0">
					<tr height="90">
						<td></td>
					</tr>
					<tr>
						<td height="150" align="right">
							<img src="./images/resume.png">
							<br /><br />
							<hr />	
						</td>
					
					</tr>
					<tr>
						<td height="320" valign="top">

							<table cellpadding="0" cellspacing="0" border="0" height="260" width="480">
								
								<tr>
									<td colspan="4" id="about" height="30">个人基本情况</td>
				
								</tr>
								<tr height="20">
									<td height="20"><b>姓 名：</b></td>
									<td width="140">张达山</td>
									<td height="20"><b>籍 贯：</b></td>
									<td width="140">北京昌平</td>
								</tr>
								<tr height="20">
									<td height="20"><b>性 别：</b></td>
									<td width="140">男</td>
									<td height="20"><b>身 高：</b></td>
									<td width="140">175cm</td>
								</tr>
								<tr height="20">
									<td height="20"><b>汉 族：</b></td>
									<td width="140">汉</td>
									<td height="20"><b>出生日期：</b></td>
									<td width="140">1992.03.28</td>
								</tr>
								<tr height="20">
									<td height="20"><b>电 话：</b></td>
									<td width="140">18210898888</td>
									<td height="20"><b>现居住地：</b></td>
									<td width="140">昌平天通苑</td>
								</tr>
								<tr height="20">
									<td height="20"><b>专 业：</b></td>
									<td width="140">工业设计</td>
									<td height="20"><b>体 重：</b></td>
									<td width="140">70kg</td>
								</tr>	
	
	
							</table>


						</td>
					</tr>
					<tr>
						<td valign="top">
							<table border="0">
								<tr>
									<td colspan="3"><b>教育背景及工作经历</b></td>
								</tr>
								<tr>
									<td><b>2008.09-2011.06</b></td>
									<td>北京邮电大学</td>
									<td>工业设计专业</td>
								</tr>
								<tr>
									<td><b>2011.06-2012.09</b></td>
									<td>北京微创信息科技有限公司</td>
									<td>任前端开发工程师</td>
								</tr>

 
							</table>
						</td>
					</tr>
					<tr>
						<td>
							<table>
								<tr>
									<td colspan="2"><b>所获证书</b></td>
																
								</tr>
								<tr>
									<td><b>2009年：</b></td>
									<td>荣获“高级美术设计师”证书</td>								
								</tr>
								<tr>
									<td><b>2009年：</b></td>
									<td>荣获“优秀班干部”证书</td>								
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</td>


			<td width="30"></td>

		</tr>
	</table>

</body>
</html>

效果如图

-Mr.King-
关注
专栏目录
HTML写个人简历
Ricardo的博客
04-10 1916
利用html写一个个人简介的页面
HTML个人简历
10-08
利用HTML5语言编写的个人简历有兴趣的的朋友可以下载下来学习一下
html个人简历
08-08
html个人简历，div标签写的，欢迎大家指点交流，谢谢大家
【前端】HTML实现个人简历信息填写页面
最新发布
小蜗牛的珍贵百宝箱
10-02 1136
通过以上内容，我们已经完成了一个功能完善的个人简历信息填写页面。我们从 HTML 结构、CSS 样式美化到 JavaScript 动态功能和验证，为用户提供了一个简洁易用的简历填写界面。
html代码做的个人简历
09-12
HTML做的个人简历，非常好看，很适合个人主页 ，初学前端做的
html 个人简介
12-24
很好啊！这是用html做的个人简介！很有用啊！
HTML5实现简洁好看的个人简历网页模板源码
07-02
HTML5实现简洁好看的个人简历网页模板源码，大作业求职简历源码，个人主页源码，大作业个人网站源码，大作业个人简历源码，网站模板，页面内容有首页、关于我、工作经验、学习教育、个人技能、专业特长、朋友评价、...
HTML制作个人简历的简单实现
09-28
HTML制作个人简历的知识点： HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言。它通过一系列的标签（tags）来定义网页的内容和结构。个人简历的制作，通常是网页制作中一个...
html制作好看的个人简历(源码)
03-29
html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下...
用html css做的个人简历
06-20
用html css做的个人简历适合初学者借鉴，可用于完成作业。
html个人简介
BKS_wdbk的博客
04-30 491
网页的简单html 个人简介
个人简历HTML页面
10-13
一个简单的HTML个人简介网页，在第十七行可以修改背景图片的路径，请按自己的实际情况修改即可，否则将无背景图案。不懂代码请不要随便修改，只需要修改其中的文字即可。会的勿喷。谢谢
HTML个人简历模板
11-23
HTML个人简历，非常好看，适合个人主页，非常非常非常帅气
学生个人简介html网页
11-17
简单学生个人简介网页，适合新手学习，交作业参考。采用div+css布局。
个人简介网页设计html
m0_67912929的博客
06-14 1401
张三的LinkedIn</a></p><p>邮箱: <a href="mailto:zhangsan@example.com">zhangsan@example.com</a></p><p>电话: <a href="tel:123-456-7890">123-456-7890版权所有 © 2024 张三
html制作个人简历
qq_48617322的博客
07-21 764
使用html的表格元素制作个人简历
用HTML写出个人简历
weixin_60364434的博客
04-06 424
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>个人.
HTML个人简介
热门推荐
weixin_30302609的博客
03-13 1万+
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content="，"> <me...
个人简历html+css网页代码
03-03
很高兴回答您的问题！以下是一个简单的HTML和CSS网页示例： HTML文件： ```html <!DOCTYPE html> <html> <head> <title>我的个人简历</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>我的个人简历</h1> </header> <section> <h2>个人信息</h2> <p>姓名：张三</p> <p>年龄：25岁</p> <p>学历：本科</p> </section> <section> <h2>工作经历</h2> <ul> <li>2019-2021：某公司前端工程师</li> <li>2017-2019：某公司实习生</li> </ul> </section> <section> <h2>技能</h2> <ol> <li>HTML/CSS</li> <li>JavaScript</li> <li>React</li> </ol> </section> <footer> <p>联系方式：xxx-xxxx-xxxx</p> </footer> </body> </html> ``` CSS文件： ```css header { background-color: #0077CC; color: white; padding: 20px; text-align: center; } section { margin-top: 30px; } h1, h2 { text-align: center; } ul, ol { padding-left: 30px; } footer { margin-top: 50px; text-align: center; } ``` 这是一个简单的个人简历网页，使用HTML和CSS进行设计和布局。在HTML中，我们使用标记语言来定义页面的结构和内容，包括标题、段落、列表等。在CSS中，我们使用样式来定义页面的外观和布局，包括颜色、字体、间距等。 希望这个例子能对您有所帮助！
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值