（个人简历一）用纯html写个人简历

最新推荐文章于 2024-07-02 17:28:29 发布
最新推荐文章于 2024-07-02 17:28:29 发布
阅读量1.6w 收藏 135
点赞数 19
分类专栏： web前端 JavaWeb 基础巩固 文章标签： html html个人简历 table个人简历
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42365534/article/details/107989935
版权
web前端 同时被 3 个专栏收录
23 篇文章 1 订阅
订阅专栏
基础巩固
17 篇文章 0 订阅
订阅专栏
JavaWeb
13 篇文章 1 订阅
订阅专栏

效果

在这里插入图片描述

实现代码

用纯table实现

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简历</title>
	</head>
	<body>
		<table border="1" cellspacing="0" align="center">
			<tbody>
			<caption><h1>我的简历</h1></caption>
			<tr>
				<td>姓名</td>
				<td>
					<input type="text">
				</td>
				<td>性别</td>
				<td>
					<input type="text">
				</td>
				<td rowspan="4" align="center">
					<img src="img/touxiang.jpg" width="120px" height="150px" alt="头像" title="头像">
				</td>
			</tr>
			<tr>
				<td>名族</td>
				<td>
					<input type="text">
				</td>
				<td>籍贯</td>
				<td>
					<input type="text">
				</td>
			</tr>
			<tr>
				<td>出生日期</td>
				<td>
					<input type="date">
				</td>
				<td>婚姻状况</td>
				<td>
					<input type="text">
				</td>
			</tr>
			<tr>
				<td>学历</td>
				<td>
					<input type="text">
				</td>
				<td>体重身高</td>
				<td>
					<input type="text">
				</td>
			</tr>
			<tr>
				<td>专业</td>
				<td>
					<input type="text">
				</td>
				<td>健康状况</td>
				<td colspan="2">
					<input type="text">
				</td>
			</tr>
			<tr>
				<td>毕业院校</td>
				<td colspan="2">
					<input type="text">
				</td>
				<td>毕业日期</td>
				<td>
					<input type="date">
				</td>
			</tr>
			<tr>
				<td>联系电话</td>
				<td>
					<input type="text">
				</td>
				<td>电子邮箱</td>
				<td colspan="2">
					<input type="text">
				</td>
			</tr>
			<tr>
				<td>主修课程</td>
				<td colspan="4">
					<textarea rows="3" cols="60">
						
					</textarea>
				</td>
			</tr>
			<tr>
				<td>个人技能</td>
				<td colspan="4">
					<textarea rows="5" cols="60">
						
					</textarea>
				</td>
			</tr>
			<tr>
				<td>工作经历</td>
				<td colspan="4">
					<textarea rows="5" cols="60">
						
					</textarea>
				</td>
			</tr>
			<tr>
				<td>兴趣爱好</td>
				<td colspan="4">
					<textarea rows="5" cols="60">
						
					</textarea>
				</td>
			</tr>
			<tr>
				<td>自我评价</td>
				<td colspan="4">
					<textarea rows="5" cols="60">
						
					</textarea>
				</td>
			</tr>
			</tbody>
		</table>
	</body>
</html>
编程小龙
关注
  • 19
    点赞
  • 踩
  • 135
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html制作好看的个人简历(源码)
03-29
html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下，扩展更多其他效果。 效果展示地址：https://blog.csdn.net/weixin_43151418/article/details/129833983
一个用html写的个人的简历
xiaoshidetaikuai20的博客
08-31 2万+
个人简历 #title{ color:#F00; font-size:28px } .secondTitle{ font-size:18px; background-color:#09F; text-align:center; } body{  text-align:center; font-size:16px; font-family
【博主推荐】HTML5实现简洁好看的个人简历网页模板源码
最新发布
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
07-02 1488
HTML5实现简洁好看的个人简历网页模板源码，全网最火的个人简历网站源码，大作业求职简历源码，个人主页源码，大作业个人网站源码，大作业个人简历源码，网站模板，页面内容有首页、关于我、工作经验、学习教育、个人技能、专业特长、朋友评价、个人奖状、联系我等功能块，用到表单、表格、自适应布局、锚点、轮播图等技术点，各种风格都有，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
html制作好看的个人简历(附源码)
热门推荐
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
03-29 3万+
html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下，扩展更多其他效果。
用html制作一个简历
QwwwQxx的博客
03-20 7993
【代码】用html制作一个简历。
HTML5制作网页版个人简历
o_b_j_e_c_t的博客
04-17 1万+
用html+css+js制作全屏页面滚动个人简历 下面是效果图： css代码 <style> @keyframes mytranslateY{100%{transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);filter:alpha(opacity=100);-mo
html制作个人简历
m0_64242574的博客
05-18 2万+
前几天我为大家介绍了些html的标签，利用这些标签咱们可以简单制作个简历，来巩固知识。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个人简历</title> </head> <body background="01bb62571600ba32f8758c9b79b318.jpg@2o.jpg">
纯html模板-简单-单页-学些-黑色个人简历CSS模板-黑色 个人 简历 作品 图标.zip
03-14
这个压缩包文件包含了一个基于HTML、CSS和JavaScript的个人简历模板，特别适合初学者学习和使用。这个模板设计简洁，采用黑色主题，给人一种专业而低调的感觉。以下将详细阐述这个模板涉及的技术点以及如何利用这些...
博主推荐HTML制作一个美观的个人简介网页（附源码）
05-13
在本教程中，我们将深入探讨如何使用HTML来创建一个美观的个人简介网页。这个网页不仅适用于个人展示，还能在PC端和移动端流畅运行，提供了跨平台的用户体验。 首先，我们需要了解HTML的基本结构。一个HTML文档通常...
【网页设计作业】个人简历网页模板，布局左右结构，风格清新，使用html+css的纯静态网页，支持部署和使用！
12-27
本教程主要关注一个具体的项目——一个基于HTML和CSS的个人简历网页模板。这个模板采用左右布局，设计风格清新，适合用于展示个人技能和经历，且具备响应式特性，能够在不同设备上良好显示。 首先，我们要理解HTML...
个人web简历-简单css模板-纯html模板下载-简历 个人 html.zip
01-15
描述中的“个人web简历-简单css模板-纯html模板下载_简历 个人 html.zip”进一步确认了这是一个可以下载的HTML和CSS组合模板，专门设计用于创建个人简历页面。用户可以下载这些文件，然后根据自己的需求进行修改，...
《简历模板》--个人简历，纯HTML和CSS手写WPS简历模板.zip
03-05
个人花大量时间整理出的简历模板，内容丰富，无论是应届生，还是职场老手，都有相应的模板，节约自身时间，提升效率。 亲们下载我任何一个付费资源后，即可私信联系我免费下载其他相关资源，包含简历模板、PPT模板、...
纯HTML个人简历超简洁模板
zhao19990816的博客
01-30 1万+
纯HTML个人简历超简洁模板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=<device-width>, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"&
利用html+css制作个人简历
WeiComp
04-02 1万+
使用html和css，制作一份个人简历（内容比较基础，上手容易）
HTML5制作个人简历模板
qq_50748038的博客
07-18 8398
vscode2019使用HTML制作一个简单的个人简历模板
个人简历html网页代码（使用chatgpt完成web开发课的实验）
like_wen的博客
03-26 1万+
使用chatgpt完成web开发课的实验前提： chatgpt的使用，建议看https://juejin.cn/post/7198097078005841980或者自己随便找要学会用“出国旅游”软件vscode的基本使用炼丹开始： 炼丹材料： 我这演示只练了一次，需要更严格的页面，多练几次就行 练好了框架自己改改就行 自己练好的丹： 代码：text.html testbackEnd.html testhardware.html
html简洁漂亮的个人简历,个人主页，个人简介网页版(源码)
BASK2312的博客
05-19 1万+
动态的朦胧天空背景图，可以配置个人职业技能，大图标，姓名，年龄，性别，手机号，邮箱，qq号，居住地，户籍，学历，学校，专业等信息，也可以扩展新的。动态的朦胧天空背景图，可以配置自己的图标，个人名言，名字，职称，邮箱，手机号，工作地址等信息，也可以扩展新的。动态的科技线路背景图，可以配置个人工作过的公司，工作的时间，负责的项目，开发工具等信息，也可以扩展新的。动态的科技线路背景图，可以配置个人教育的学校，时间，几学到的东西等信息，也可以扩展新的。出来，个人的掌握的工具，及熟练度等信息，也可以扩展新的。
用纯html写个个人简历！模版分享啦！！！
qqhxmdq的博客
09-19 2480
3. 初学程序员的码农小朋友们，可以学学网页制作，在这个框架横行的世代，学好基础是一件多么可贵的事情。比如我们的时间轴，统计图，都可以学它一学！2. 程序员可以自己加些后台，做个个人简历制作网站，圆自己一个站长梦，是不是还能增加点睡后收入？1. 改一改后台显示内容，换成自己的信息。那，它就是一个美呆了的个人简历。仅仅一个html页面，完全没有乱七八糟，保证学的明明白白。个人照片，简介，经历时间轴，个人技能统计，个人情况说明。那么，这么优雅的模板在哪儿下载呢？那么，这样的模板到底有什么用呢？
【用html做个人简历的网页(初级)】
weixin_43591122的博客
01-16 1万+
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>阿航的自我介绍</title> <style>
用HTML写一个个人简历，用表单的形式呈现
05-31
好的，以下是一个简单的 HTML 个人简历表单： ```html <!DOCTYPE html> <html> <head> <title>个人简历</title> <style> label { font-weight: bold; display: block; margin-top: 10px; } input[type=text], textarea { padding: 5px; width: 100%; box-sizing: border-box; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; } input[type=submit] { background-color: #4CAF50; color: white; padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer; font-size: 18px; } input[type=submit]:hover { background-color: #45a049; } </style> </head> <body> <h1>个人简历</h1> <form action="#" method="post"> <label for="name">姓名</label> <input type="text" id="name" name="name" required> <label for="email">电子邮件</label> <input type="email" id="email" name="email" required> <label for="phone">电话</label> <input type="tel" id="phone" name="phone" required> <label for="address">地址</label> <input type="text" id="address" name="address" required> <label for="objective">求职意向</label> <textarea id="objective" name="objective" rows="4" required></textarea> <label for="education">教育背景</label> <textarea id="education" name="education" rows="4" required></textarea> <label for="skills">技能</label> <textarea id="skills" name="skills" rows="4" required></textarea> <label for="experience">工作经历</label> <textarea id="experience" name="experience" rows="4" required></textarea> <input type="submit" value="提交"> </form> </body> </html> ``` 注意，这只是一个简单的表单，你可以按照自己的需要进行修改和扩展。同时，提交表单后的数据需要用后端语言进行处理，并将其存储到数据库中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值