用html制作个人简历

最新推荐文章于 2024-04-29 22:00:56 发布
最新推荐文章于 2024-04-29 22:00:56 发布
阅读量3k 收藏 14
点赞数 5
文章标签： python html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FantfH/article/details/107166562
版权

用html制作个人简历

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table border="3" cellspacing="0">
			
			<tr height="50" align="center">
				<td colspan="5" width="700" bgcolor="aquamarine"><b>个人简历</b></td>
			</tr>
			
			<tr height="40" align="center">
				<td><b>姓名：</b></td>
				<td width="150"></td>
				<td><b>性别：</b></td>
				<td width="150"></td>
				<td rowspan="4">
					<img src="img/tupian.jpg" width="100" height="150">
				</td>
			</tr>
			
			<tr height="40" align=
最低0.47元/天 解锁文章
再胖还是个小瘦子
关注
  • 5
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html制作好看的个人简历(附源码)
xcLeigh
03-29 3万+
html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下，扩展更多其他效果。
用html制作一个简历
QwwwQxx的博客
03-20 7819
【代码】用html制作一个简历。
用html和css来写个人简介
最新发布
qq_74271928的博客
04-29 976
简单的布局了一下页面，有很多地方可以修改，各位可以借鉴一下，勿喷，因为这个是第一次做这个
运用HBuilder X编写个人介绍
Lowy_a的博客
03-10 9346
个人介绍 个人介绍 姓名：小张 班级：电商xx班 学号：1241252232 爱好：阅读、看电影...... 学期目标:认真学习本门课程，深入了解HTML用法......
前端工程师简历制作idea
weixin_30607659的博客
04-30 228
要有自己的前端blog（我现在就在做，哈哈），写上去。 简历应该是以Web页面为载体，需体现前端的技能和创意。 要符合页面规范、使用某种框架、加上JS彩蛋，实现结构、样式和行为的分离等等体现前端修养的东东 。 HTML5、CSS3、SVG、Canvas甚至离线技术、安全技术都可以和简历结合起来。 打印样式，很明显前端简历不仅仅是其主管看，还有HR和大老板看，所以准备打印样式是很重要的，...
利用HTML简单语句来制作个人简历
Fug_Lee的博客
03-22 4093
HTML简单语句来实现个人简历
HTML制作个人简历的简单实现
09-28
下面小编就为大家带来一篇HTML制作个人简历的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
如何用html制作简历模板.doc
11-24
HTML制作简历模板知识点总结 在制作简历模板时，HTML是一种非常重要的技术，利用HTML可以制作一个简洁、美观的简历模板，本篇文章将详细介绍如何使用HTML制作简历模板。 一、简历模板的基本结构 简历模板的基本...
html制作好看的个人简历(源码)
03-29
html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下...
html个人简历表格制作
01-17
html个人简历表格制作
html代码做的个人简历
09-12
HTML做的个人简历，非常好看，很适合个人主页 ，初学前端做的
一个简单的HBuilder
03-12
利用HBuilder实现了一个简单的用户注册，登录，读取数据库中数据的功能(服务器和数据库需要自己搭建)。代码是企业实习安卓开发做的，做的一般般。我就是上传来玩一下。
html5响应式个人简历主页介绍模板.rar
05-15
用于个人信息展示，学习HTML5+css+js前端代码，实现个人简历网站
HTML新手——第一次制作个人简历
ALEXflame的博客
06-14 1万+
第一次制作个人简历： <!DOCTYPE html> <html> <head> <title>个人简历</title> <meta charset="utf-8"> </head> <body> <table width="50%" height="30%" cellpadding="5p...
用html写个人简历
weixin_44960513的博客
05-05 2万+
本文讲述了如何用html来写一份简单的个人简历 个人简历 个人简历 <table border="1" cellspacing="0px" style="margin:auto;" width="800px"> <tr height="50" style="text-align: center;"> ...
html做表格（个人简历）
otatoz
07-30 3万+
首先要知道表格中的几个重要属性： align：让内容居中，取值为left、right、center border：设置表格的边框 cellspacing：单元格与单元格之间的距离 bgcolor：表格的背景色 colspan：跨列数 rowspan：跨行数 代码： <!DOCTYPE html> <html lang="en"> <head&...
用HTML和CSS编辑一份简历页面
王昭的博客
07-26 1万+
任务要求 学会使用HTML/CSS编辑器EditPlus编辑一份简历页面 （EditPlus下载使用博客： https://blog.csdn.net/qq_42446456/article/details/80795301） 学习准备 可以参照学习W3School网站中的HTML和CSS教程进行学习，HTML详细教程见链接。 HTML的本质 （1）它是超文本。首先它与本文有联系，其...
HBuilderX 自述文件rte
ymsyuni的博客
05-17 3853
HBuilderX 自述文件 ( markdown格式) HBuilderX，简称HX，是轻如编辑器、强如IDE的合体版本。 特点 轻巧 仅10余M的绿色发行包 极速 不管是启动速度、大文档打开速度、编码提示，都极速响应 清爽护眼 界面清爽简洁，绿柔主题经过科学的脑疲劳测试，是最适合人眼长期观看的主题界面 强大的语法提示 HBuilderX带有ide才有的ast语法分析能力...
用HTML5制作简单的个人简历
热门推荐
好吗好的~的技术博客
12-20 5万+
下面有图片，可以看到我所用的标签。 这其中用&lt;video&gt;标签实现了播放视频，可以考虑借鉴下。&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;个人简历&lt;/title&gt; &lt;meta name = &quot;author&quot; content = &quot;Eternall
用bootstrap制作个人简历网页页面
05-25
好的，下面是一个简单的用 Bootstrap 制作个人简历网页的步骤： 1. 安装 Bootstrap 首先，需要在你的项目中安装 Bootstrap。可以通过以下方式安装： - 使用 CDN：在你的 HTML 文件中添加以下链接即可： ``` <!-- CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" integrity="sha384-v6ZcA3wOvTnJ5o5U+6+t5wM5zAqJfVnS5Vx0nX9a3lNkMw1UHe9d+yF/MzRZBp+Q" crossorigin="anonymous"> <!-- JavaScript --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js" integrity="sha384-3wVqoIxgo8+Y5zzyCw7i2jwAv3+sYOg6mXVca3XnY8z9v6P0eJs0T1bT1P9Z4fJh" crossorigin="anonymous"></script> ``` - 下载并引入本地文件：从 Bootstrap 官方网站下载压缩包，并将其中的 CSS 和 JavaScript 文件引入到你的 HTML 文件中。 2. 创建基本结构 在 HTML 文件中创建基本的结构，包括头部、主体和底部。可以使用 Bootstrap 提供的容器类来实现响应式布局。例如： ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Resume</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" integrity="sha384-v6ZcA3wOvTnJ5o5U+6+t5wM5zAqJfVnS5Vx0nX9a3lNkMw1UHe9d+yF/MzRZBp+Q" crossorigin="anonymous"> </head> <body> <div class="container"> <header> <!-- 头部内容 --> </header> <main> <!-- 主体内容 --> </main> <footer> <!-- 底部内容 --> </footer> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js" integrity="sha384-3wVqoIxgo8+Y5zzyCw7i2jwAv3+sYOg6mXVca3XnY8z9v6P0eJs0T1bT1P9Z4fJh" crossorigin="anonymous"></script> </body> </html> ``` 3. 添加样式和内容 使用 Bootstrap 提供的类来添加样式和内容。例如，可以使用 `jumbotron` 类来创建一个大的、突出的头部，使用 `card` 类来创建一个内容块，使用 `list-group` 类来创建一个列表。以下是一个简单的例子： ``` <header class="jumbotron"> <h1 class="display-4">My Resume</h1> <!-- 其他头部内容 --> </header> <main> <div class="card mb-3"> <div class="card-header"> <h2>Personal Information</h2> </div> <div class="card-body"> <ul class="list-group"> <li class="list-group-item">Name: John Doe</li> <li class="list-group-item">Email: john.doe@example.com</li> <li class="list-group-item">Phone: 123-456-7890</li> </ul> </div> </div> <!-- 其他内容块 --> </main> <footer> <!-- 底部内容 --> </footer> ``` 4. 添加响应式布局 Bootstrap 提供了很多类来实现响应式布局。可以根据屏幕大小来改变元素的大小和排列方式。例如，可以使用 `col` 类来指定列的大小，使用 `row` 类来创建一行，使用 `justify-content-between` 类来在一行中平均分配元素。以下是一个例子： ``` <main> <div class="row"> <div class="col-md-6"> <!-- 左侧内容 --> </div> <div class="col-md-6"> <!-- 右侧内容 --> </div> </div> </main> ``` 这将创建一个具有两列的布局，当屏幕宽度小于中等大小时，列将堆叠在一起。 5. 完善页面内容 根据自己的需求，添加更多的内容和样式来完善页面。可以使用 Bootstrap 提供的各种组件和类来实现自己想要的效果。 以上就是一个简单的用 Bootstrap 制作个人简历网页的步骤。希望能对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值