html+css个人简历/网页界面

最新推荐文章于 2024-06-14 08:08:55 发布
最新推荐文章于 2024-06-14 08:08:55 发布
阅读量9.2k 收藏 303
点赞数 23
分类专栏： web网页界面设计 文章标签： html5 css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A485320/article/details/119393617
版权

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>个人简历</title>
		<link rel="stylesheet" href="css/li.css" />
	</head>
	<body>
		<div class="q">
			<!--第一部分-->
			<div class="a">
				<div class="a1">
					<img src="img/1.jpg" height="100px" width="100px" />
				</div>
				<br />
				<br />
				<br />
				<!--个人信息-->
				<b><font color="dodgerblue" size="4">&nbsp;&nbsp;&nbsp;&nbsp;个人信息：</font></b>
				<div class="a2"></div>
				<br />
				<div class="a3">
				<h4><b>地址：</b><h4>
				<h5>陕西省西安市</h5>
				<h4><b>生日：</b><h4>
				<h5>1999.3.21</h5>
				<h4><b>电话：</b><h4>
				<h5>18034609730</h5>
				<h4><b>邮箱：</b><h4>
				<h5>2277532641@qq.com</h5>
				</div>
				<br />
				<br />
				
				<!--技能证书-->
				<b><font color="dodgerblue" size="4">&nbsp;&nbsp;&nbsp;&nbsp;技能奖项：</font></b>
				<div class="a2"></div>
				<div class="a3">
				<h4><b>计算机二级</b><h4>
				<h4><b>大学英语四级</b><h4>
				<h4><b>国家励志奖</b><h4>
				<h4><b>教师资格证</b><h4>
				<h4><b>普通话证</b><h4>
				<h4><b>机动车驾驶证</b><h4>
				</div>
				
				<!--自我评价-->
				<b><font color="dodgerblue" size="4">&nbsp;&nbsp;&nbsp;&nbsp;自我评价：</font></b>
				<div class="a2"></div>
				<div class="a3">
				<h4><b>&nbsp;&nbsp;大学的四年,给我奠定了扎实的专业理论基础，良好的组织能力，团队协作精神，务实的工作作风还有良好的为人处世能力。</b><h4>
				<h4><b>&nbsp;&nbsp;在社会实践上，四年的大学生活，我对自己严格要求，注重能力的培养，尤其是实践动手能力更是我的强项。曾多次参加社会实践活动，具有一定的实践经验和动手能力。</b><h4>
				</div>
			</div>
			
			
			<!--第二部分-->
			<div class="b">
				<div class="b1"><font size="6">李某某</font></div>
				<div class="b2">求职意向：Java开发工程师</div>
				<div class="b3"><font size="4" color="floralwhite">教育背景</font></div>
				<div class="b4">
					<font size="4">西安工业大学&nbsp;&nbsp;&nbsp;&nbsp;软件工程专业&nbsp;&nbsp;&nbsp;&nbsp;本科&nbsp;&nbsp;&nbsp;&nbsp;2018.9.6-2022.6</font><br /><br />
					<font size="4">主修课程：</font><br /><br />
					<font size="4">计算机网络、C++、<br />Java基础、计算机操作系统、<br />数据库原理、Linux操作系统<br />UI界面设计、Android移动应用开发</font>
				</div>
				
				<div class="b3"><font size="4" color="floralwhite">项目经验</font></div>
				<div class="b4">
					<font size="4">仿keep官网网页界面设计</font><br /><br />
					<font size="4">学生管理系统</font><br /><br />
					<font size="4">旅游app的UI界面设计</font><br /><br />
					<font size="4">用Android开发建设app</font>
				</div>
				
				<div class="b3"><font size="4" color="floralwhite">专业技能</font></div>
				<div class="b4">
					<font size="4">基础方面：</font><br /><br />
					<font size="4">1.熟悉办公软件，Excel、word的使用，PPT的制作<br />2.熟悉photoshop的使用</font><br /><br />
					<font size="4">专业方面：</font><br /><br />
					<font size="4">1.熟悉MVC、IOC、AOP等多种J2EE设计模式进行软件设计<br />2.熟练应用Java集成开发环境Eclipse进行开发<br />3.熟悉Spring，ibatis等开源框架开发企业级应用<br />4.熟悉JSP，webService，JavaScript等技术</font><br /><br />
					<font size="4">数据库方面：</font><br /><br />
					<font size="4">1.熟悉Oracle,MySql的使用<br />2.熟悉Hql语句与事务处理，熟悉存储过程</font><br /><br />
				</div>
			</div>
			
			
		</div>
	</body>
</html>

CSS代码：

.q{
	height: 1330px;
	width: 850px;
	background-color: azure;
	margin-left: 330px;
	border: solid 1px black;
}
.a{
	height: 1330px;
	width: 250px;
	background-color:azure;
}
.a1{
	margin-left: 70px;
	padding-top: 50px;
}
.a2{
	height: 2px;
	width: 200px;
	background-color:deepskyblue;
	margin-left: 20px;
	margin-top: 5px;
}
.a3{
	height: 300px;
	margin-left: 20px;
	margin-right: 20px;
}
.b{
	height: 1330px;
	width: 600px;
	background-color:white;
	margin-top: -1330px;
	margin-left: 250px;
}
.b1{
	padding-top: 25px;
	margin-left: 60px;
}
.b2{
	padding-top: 25px;
	margin-left: 60px;
}
.b3{
	height: 35px;
	width:160px;
	background-color: #3498DB;
	margin-left: -30px;
	margin-top: 85px;
}
.b3 font{
	margin-left: 50px;
}
.b4{
	margin-top: 25px;
	margin-left: 25px;
}

过分优秀
关注
  • 23
    点赞
  • 踩
  • 303
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
HTML+CSS+JS 网页设计模板.zip
05-31
HTML+CSS+JS 网页设计模板.zip
html+js+css自我介绍
07-18
html+js+css自我介绍，滑动滚轮进行界面的更换
个人简介网页设计html
最新发布
m0_67912929的博客
06-14 305
张三的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制作一个简历
QwwwQxx的博客
03-20 7939
【代码】用html制作一个简历。
【博主推荐】HTML制作一个美观的个人简介网页（附源码）
热门推荐
xcLeigh
05-13 6万+
文章目录HTML制作一个美观的个人简介网页模块1（个人信息）示例图模块2（基本资料）示例图模块3（项目经验）示例图模块4（专业技能）示例图模块5（工作经历）示例图模块6（自我评价）示例图模块7（联系方式）示例图整体示意图源码地址 HTML制作一个美观的个人简介网页 利用HTML制作一个美观的个人简介网页，可以在这个基础上修改自己的个人简介信息，然后直接使用，可以直接运行，兼容pc端web和手机端web 模块1（个人信息）示例图 用于展示个人简介主题信息，采用背景图+文字的效果 <div class=
html制作好看的个人简历(附源码)
xcLeigh
03-29 3万+
html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下，扩展更多其他效果。
利用html+css制作个人简历
WeiComp
04-02 1万+
使用html和css，制作一份个人简历（内容比较基础，上手容易）
100款html+css网页模板
12-24
7. **个人简历模板**：适合展示个人经历、技能和作品，常见于设计师或开发者的工作申请。 每款模板都包含了HTML和CSS源码，可以作为学习实例来研究。通过查看和分析这些代码，你可以了解到如何运用HTML元素和CSS...
html5+css3精美个人简历卡片界面切换特效.zip
09-26
在这个“html5+css3精美个人简历卡片界面切换特效.zip”压缩包中，包含了一套完整的个人简历卡片界面的实现，集成了jQuery库以及相关的jQuery插件，实现了动态的界面切换效果。 首先，`index.html`是网页的主入口...
毕业设计，个人求职简历博客模板源码，HTML+CSS+JS
03-16
这款“毕业设计，个人求职简历博客模板源码”是一个基于HTML、CSS和JavaScript构建的网页模板，专为求职者设计，用于展示个人简历和作品集。这个模板可以帮助毕业生或者求职者快速搭建一个专业的在线个人品牌，使...
HTML+CSS简历模版
HieTon的博客
09-22 1495
一个没有技术含量的简历模板
html简洁漂亮的个人简历,个人主页，个人简介网页版(源码)
BASK2312的博客
05-19 1万+
动态的朦胧天空背景图，可以配置个人职业技能，大图标，姓名，年龄，性别，手机号，邮箱，qq号，居住地，户籍，学历，学校，专业等信息，也可以扩展新的。动态的朦胧天空背景图，可以配置自己的图标，个人名言，名字，职称，邮箱，手机号，工作地址等信息，也可以扩展新的。动态的科技线路背景图，可以配置个人工作过的公司，工作的时间，负责的项目，开发工具等信息，也可以扩展新的。动态的科技线路背景图，可以配置个人教育的学校，时间，几学到的东西等信息，也可以扩展新的。出来，个人的掌握的工具，及熟练度等信息，也可以扩展新的。
个人简历html网页代码（使用chatgpt完成web开发课的实验）
like_wen的博客
03-26 1万+
使用chatgpt完成web开发课的实验前提： chatgpt的使用，建议看https://juejin.cn/post/7198097078005841980或者自己随便找要学会用“出国旅游”软件vscode的基本使用炼丹开始： 炼丹材料： 我这演示只练了一次，需要更严格的页面，多练几次就行 练好了框架自己改改就行 自己练好的丹： 代码：text.html testbackEnd.html testhardware.html
HTML+CSS实现个人简历
flyailin的博客
10-18 9631
刚学联手的
HTML实训大作业基于HTML+CSS+JavaScript个人简历介绍 学生个人网页设计作品
而风不止
01-07 492
👨‍🎓学生HTML静态网页基础水平制作👩‍🎓，页面排版干净简洁。使用HTML+CSS页面布局设计,web大学生网页设计作业源码，这是一个不错的旅游网页制作，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用, 这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【学习资料/简历模板/面试资料/ 网站设计与制作】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例】 # 一、👨
html5设计个人简介页面,HTML5创意设计师个人简历响应式模板
weixin_39710249的博客
06-03 1423
【实例简介】【实例截图】【核心代码】HTML5创意设计师个人简历响应式模板├── assets│ ├── css│ │ ├── LineIcons.min.css│ │ ├── tam.css│ │ └── vendor.css│ ├── fonts│ │ └── LineIcons.ttf│ ├── images│ │ ├── about.jp...
html创建简历
weixin_44375151的博客
06-21 3348
html创建简历
使用html和css制作静态网页版的个人简历
wwwwwwwangdanni的博客
09-23 1万+
使用html和css制作静态网页版的个人简历以上就是我写的简单的网页个人简历内容。
简易动态页面HTML css js
06-08
好的，以下是一个简易的动态页面的HTML、CSS和JS代码示例： HTML代码： ``` <!DOCTYPE html> <html> <head> <title>动态页面</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="container"> <h1>动态页面示例</h1> <p id="time"></p> <button id="btn">点击我更新时间</button> </div> <script src="script.js"></script> </body> </html> ``` CSS代码： ``` #container { margin: 0 auto; text-align: center; } #time { font-size: 24px; margin-bottom: 20px; } button { font-size: 20px; padding: 10px 20px; border-radius: 5px; background-color: #008CBA; color: #fff; border: none; cursor: pointer; } button:hover { background-color: #006B9F; } ``` JS代码： ``` window.onload = function() { var timeEl = document.getElementById("time"); var btnEl = document.getElementById("btn"); function updateTime() { var currentTime = new Date(); var hours = currentTime.getHours(); var minutes = currentTime.getMinutes(); var seconds = currentTime.getSeconds(); //加0操作 if (hours < 10) { hours = "0" + hours; } if (minutes < 10) { minutes = "0" + minutes; } if (seconds < 10) { seconds = "0" + seconds; } var timeString = hours + ":" + minutes + ":" + seconds; timeEl.innerHTML = timeString; } btnEl.onclick = function() { updateTime(); } updateTime(); setInterval(updateTime, 1000); } ``` 以上代码实现了一个带有动态时间更新效果的页面。当用户点击“点击我更新时间”按钮时，页面上的时间会更新。同时，页面上还包含了一些基本的CSS样式，使页面看起来更加美观。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值