用HTML做一个小简历

最新推荐文章于 2024-05-06 18:33:50 发布
最新推荐文章于 2024-05-06 18:33:50 发布
阅读量293 收藏
点赞数
文章标签： xhtml
原文链接：http://www.cnblogs.com/q47874916/p/7160570.html
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>信息表</title>
</head>
<style type="text/css">
.ysb{
background:white;
width:60%;
height:815px;
margin:300px 20% 100px 20%;
}
</style>


<body background="img/maliao2.jpg.jpg"> <!--加一个小背景图-->
<div class="ysb"> <!--加一个div 遮挡一部分背景-->
<table align="center" width="100%" height="815px" border="1" bordercolor="black">
<form action="http://www.baidu.com" method="post">
<tr height="100px" align="center">
<td colspan="4"><h1>个人信息表</h1></td>
</tr>
<tr height="50px">
<td width="15%">
<b>
姓名：
</b>
</td>
<td width="25%">
<input type="text" name="name" placeholder="请输入你的名字"/>
</td>
<td rowspan="4" colspan="2" align="center" valign="middle">照片</td>
</tr>
<tr height="50px">
<td width="15%">
<b>
电话：
</b>
</td>
<td width="25%">
<input type="text" name="nation" placeholder="请输入你的电话"/>
</td>
</tr>
<tr height="50px">
<td width="15%">
<b>
籍贯：
</b>
</td>
<td width="25%">
<input type="text" name="hometown" placeholder="请输入你的籍贯"/>
</td>
</tr>
<tr height="50px">
<td width="15%">
<b>
身份证：
</b>
</td>
<td width="25%">
<input type="text" name="id" placeholder="请输入你的身份证"/>
</td>
</tr>
<tr height="30px">
<td width="25%">性别：
</td>
<td width="25%">
<select name="x1">
<option>男</option>
<option>女</option>
</select>
</td>
<td width="25%">学历：
</td>
<td width="25%">
<select name="z1">
<option>小学</option>
<option>初中</option>
<option>高中</option>
<option>中专</option>
<option>大学</option>
<option>大专</option>
<option>博士</option>
<option>研究生</option>
<option>硕士</option>
</select>
</td>
</tr>
<tr height="30px">
<td width="25%">出生年月：
</td>
<td width="25%">
<select name="s1">
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
</select>
</td>
<td width="25%">体重：
</td>
<td width="25%">
<select name="t1">
<option>40KG</option>
<option>50KG</option>
<option>60KG</option>
<option>70KG</option>
<option>80KG</option>
<option>90KG</option>
<option>100KG</option>
</select>
</td>
</tr>
<tr height="30px">
<td width="25%">政治面貌：
</td>
<td width="25%">
<select name="d1">
<option>党员</option>
<option>无</option>
</select>
</td>
<td width="25%">身高：
</td>
<td width="25%">
<select name="g1">
<option>160CM~165CM</option>
<option>166CM~170CM</option>
<option>171CM~175CM</option>
<option>176CM~180CM</option>
<option>181CM~185CM</option>
<option>186CM~190CM</option>
</select>
</td>
</tr>
<tr height="30px">
<td width="25%">婚姻状况：
</td>
<td width="25%">
<select name="h1">
<option>已婚</option>
<option>未婚</option>
</select>
</td>
<td width="25%">民族：
</td>
<td width="25%">
<select name="m1">
<option>汉族</option>
<option>朝鲜族</option>
<option>维吾尔族</option>
<option>回族</option>
<option>蒙古族</option>
<option>萨满</option>
</select>
</td>
</tr>
<tr>
<td colspan="4">
<textarea style="width:99%;height:350px;">个人简介：</textarea>
</td>
</tr>
</form>
</table>

</div>
</body>
</html>

转载于:https://www.cnblogs.com/q47874916/p/7160570.html

abc321223
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
用HTML制作个人简历
weixin_49217619的博客
06-02 2843
代码 <!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&g
使用HTML制作个人简历
song_dehao的博客
08-13 1万+
代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*通过给td设置高度和宽度，进而
html创建简历
weixin_44375151的博客
06-21 3311
html创建简历
HTML设计个人简历
weixin_56397668的博客
03-05 622
设计个人简历主要是用到合并单元格，完成对简历的设计。
【前端】HTML实现个人简历信息展示页面
最新发布
2303_80341387的博客
05-06 2582
接下来，我们可以看到每一个项目都有一个小标题，那么这些项目与项目之间可以用有序列表来表示，而功能介绍中的内容，我们又可以通过无序列表来表示。我们首先看到的是我们页面中的姓名，紧接着下面是我们的基本信息板块，教育背景板块，专业技能板块，还有我的项目板块，还有一个个人评价板块。接下来，我们还是首先看到教育背景这个标题，我们可以看到教育背景和基本信息是对应的，所以我们和基本信息一样都使用。接下来，我们就结合我们之前学习过的HTML的标签来打造一个简历信息的展示的页面.那么此时我们就写完了我们的基本信息板块。
【前端寻宝之路】学习如何使用HTML实现简历展示和填写
“路漫漫其修远兮，吾将上下求索。”
03-03 2670
学习如何使用HTML实现简历展示和填写
十分钟手把手教你学会用HTML制作一个静态学术简历
热门推荐
qq_54932411的博客
06-09 10万+
找到与我同名的项目gosling123456.gitHub.io，可以download下来，或者使用git命令下载，然后对其中的文件进行修改。一定要注意路径是相对路径，否则找不到你的文件。当然，如果你是老手，用绝对路径也是没问题的）（其实我的模板也是参见了温洋大神的模板，人现在在洛桑联邦理工,大家可以访问它的主页看看大神的项目）由于大佬们太想进步了，拿的奖越来越多， 简历也需要相应的调整。4.上传文件，可以参见我的另一篇博客，全是干货，没有套路。然后把刚刚下载修改的文件传到下载后的文件夹里。
利用html表格制作个人简历
qq_52783355的博客
07-21 6671
利用html表格制作个人简历
37个html简历
11-14
综上所述，HTML简历是结合了HTML、CSS和JavaScript技术的网页模板，旨在提供一个具有吸引力、响应式且功能丰富的在线求职工具。通过灵活运用这些技术，求职者可以创建出既能展示个人风采，又能适应不同设备的电子...
pycvmaker:一个用html和pdf数据库条目创建简历的小工具
05-25
更新内容简单，只需维护一个平面YAML文件 YAML对人类读者友好 安装 克隆代表 重命名templates/entries.sample.yaml到templates/entries.yaml ， templates/settings.sample.yaml到templates/settings.yaml和...
个人网页简历的源代码，个人简历html代码，做一个在线个人简历
12-28
在构建一个在线个人简历时，HTML（超文本标记语言）是基础，它是网页内容的结构化表示语言。这个“个人网页简历”的源代码提供了一个很好的起点，帮助你创建一个独特的、展示你技能和经历的在线平台。下面我们将深入...
html代码做的个人简历
09-12
HTML做的个人简历，非常好看，很适合个人主页 ，初学前端做的
制作在线简历
06-29
在 http://www.cnblogs.com/strick/p/4578893.html 有描述
DIV+css做出的简历
03-17
DIV+CSS做出的很好看的简历模板，希望对大家有帮助。可以拿来借鉴一下~！
实验一：HTML标签的使用
04-14
用HTML标签设计一个个人简历，要求标题为自己的姓名，页面有如下信 息：一寸照片、班级、姓名、学号、家乡、爱好、特长、教育背景等。
HTML个人简历
10-08
利用HTML5语言编写的个人简历有兴趣的的朋友可以下载下来学习一下
HTML制作个人简历的简单实现
09-28
下面小编就为大家带来一篇HTML制作个人简历的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
精品--一个 HTML 简历模板.zip
02-05
【标题】：“精品--一个 HTML 简历模板.zip” 这个标题表明我们即将探讨的是一个高质量的HTML简历模板。HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，它可以被浏览器解析并显示为用户友好...
用HTML做一份个人简历
ZYuAYuLuuu的博客
06-04 8029
学习了基本的HTML知识后，今天尝试用Html做一份个人简历。需要用到的基础知识是： Html表格：以<table></table>标签作为开始，
用 CSS、JavaScript 和 HTML 来创建一个背景炫酷的简历模板
05-27
当我们使用 CSS、JavaScript 和 HTML 来创建一个背景炫酷的简历模板时，我们可以遵循以下步骤： 1. 首先，我们需要创建一个 HTML 文件来放置我们的简历内容。在 HTML 中，我们可以使用各种标记和元素来设计和排版我们的简历。 2. 接下来，我们可以使用 CSS 来为我们的简历添加样式和布局。我们可以使用各种 CSS 属性来修改字体、颜色、大小、间距等等，以使我们的简历看起来更专业、有吸引力。 3. 为了使我们的简历更加动态和有趣，我们可以使用 JavaScript 来添加交互元素和动画效果。例如，我们可以使用 JavaScript 来创建一个滚动效果，使用户可以轻松地浏览我们的简历。 4. 在设计背景时，我们可以使用 CSS 中的背景属性，例如 background-color 和 background-image。我们还可以使用 CSS 动画和变换来创建炫酷的背景效果，例如旋转、缩放、淡入淡出等等。 5. 最后，为了确保我们的简历能够适应各种设备和屏幕大小，我们需要使用响应式设计来使我们的简历在不同设备上呈现出最佳布局和用户体验。 下面是一些示例代码，以帮助您更好地理解如何使用 CSS、JavaScript 和 HTML 来创建一个背景炫酷的简历模板： HTML 代码： ``` <div class="resume"> <h1>My Resume</h1> <p>Here is some information about me...</p> </div> ``` CSS 代码： ``` .resume { background-color: #333; color: #fff; padding: 20px; } .resume h1 { font-size: 36px; margin-bottom: 20px; } .resume p { font-size: 18px; line-height: 1.5; } .resume:hover { background-color: #444; transition: background-color 0.5s ease; } ``` JavaScript 代码： ``` window.addEventListener('scroll', function() { const resume = document.querySelector('.resume'); const distance = window.scrollY; resume.style.transform = `translateY(${distance}px)`; }); ``` 这是一个简单的示例，您可以根据自己的需求进行修改和扩展。希望这些技巧对您有所帮助！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值