HTML练习-简历

最新推荐文章于 2022-05-29 15:16:49 发布
最新推荐文章于 2022-05-29 15:16:49 发布
阅读量280 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_52083255/article/details/122417958
版权

HTML简历制作

简历展示

代码实现：

<!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>简历</title>
</head>
<body>
    <form>
        <fieldset >
            
    <h2>姓名：某某某</h2><br>
    <h3>基本信息</h3><br>
    <img src="照片.jpg.jpg" width="200" height="200">

    <p>求职意向：Java开发</p>
    <p>联系电话:xxx-xxx-xxx</p>
    <p>邮箱：xxx@qq.com</p>
    <br>
    <a href ="https://gitee.com/">gitee链接</a> <br>
    <a href ="https://blog.csdn.net/m0_52083255?spm=1011.2124.3001.5343">我的博客</a> <br>
    <h2>教育背景</h2> 
    <ol>
        <li>xxxx-xxxx 小学</li>
        <li>xxxx-xxxx 中学</li>
        <li>xxxx-xxxx 大学</li>
    </ol>
    <br>
    <h2>专业技能</h2>
    <ul>
        <li>Java语法扎实</li>
        <li>熟悉数据库</li>
        <li>掌握计算机网络</li>
        <li>掌握web开发流程</li>
    </ul>

    <h2>项目经历</h2>
    <ol>
        <li>留言强</li><br>
        <p>开发时间：xxx年xx月-xxx年xx月</p>
        <p>功能介绍</p>
        <ul>
            <li>支持留言发布</li>
            <li>支持匿名消息</li>
        </ul>
        <br>

        <li>学习小助手</li>
        <p>开发时间：xxx年xx月-xxx年xx月 </p>
        <p>功能介绍：</p>
        <ul>
            <li>支持错题检索</li>
            <li>支持探讨</li>
        </ul>
    </ol>

    <h2>自我评价</h2>
    <h4>在校学习成绩优良，性格开朗.</h4>

</fieldset>
</form>
</body>
</html>

部分截图：
在这里插入图片描述

在线填写简历信息

代码如下：

<!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>填写简历</title>
</head>
<body>
    <table >
    <fieldset >
       
    <form>
       <label for="username">姓名： &nbsp;&nbsp;</label><input type="text" id="username"><br>
       <br>
       <label for="gender">性别： &nbsp;&nbsp;
        <select>
            <option>
                --男--   
            </option>
            <option>男</option>
            <option>女</option>
           </select>
            <br> <br>

       <label for="birthday">出生日期： &nbsp;&nbsp;
       <select>
           <option>
               --请选择年份--   
           </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>
           <option>1999</option>
           <option>2000</option>
       </select>&nbsp;
       <select>
        <option>
            --请选择月份--   
        </option>
        <option value="">1</option>
        <option value="">2</option>
        <option value="">3</option>
        <option value="">4</option>
        <option value="">5</option>
        <option value="">6</option>
        <option value="">7</option>
        <option value="">8</option>
        <option value="">9</option>
        <option value="">10</option>
        <option value="">11</option>
        <option value="">12</option>
    </select>&nbsp;

    <select>
        <option>
            --请选择日期--   
        </option>
        <option value="">1</option>
        <option value="">2</option>
        <option value="">3</option>
        <option value="">4</option>
        <option value="">5</option>
        <option value="">6</option>
        <option value="">7</option>
        <option value="">8</option>
        <option value="">9</option>
        <option value="">10</option>
        <option value="">11</option>
        <option value="">12</option>
        <option value="">13</option>
        <option value="">14</option>
        <option value="">15</option>
        <option value="">16</option>
        <option value="">17</option>
        <option value="">18</option>
        <option value="">19</option>
        <option value="">20</option>
        <option value="">21</option>
        <option value="">22</option>
        <option value="">23</option>
        <option value="">24</option>
        <option value="">25</option>
        <option value="">26</option>
        <option value="">27</option>
        <option value="">28</option>
        <option value="">29</option>
        <option value="">30</option>
        <option value="">31</option>
    </select>
    <br>
    <br>
    <label for="university">就读学校： &nbsp;&nbsp;</label><input type="university">
    <br>
    <br>
    <label for="employee">应聘岗位： &nbsp;&nbsp;</label> <input type="checkbox"> 前端开发<input type="checkbox">后端开发<input type="checkbox"> 测试开发<input type="checkbox">运维开发
    <br>
    <br>
    <label for="ablity">掌握的技能 </label>
    <br>
    <br>
    <textarea rows="=100" cols="100"></textarea>
    <br>
    <br>
    <label for="experience">项目经历 </label>
    <br>
    <br>
    <textarea rows="=100" cols="100"></textarea>
    <br>
    <br>
    <input type="radio" name="require" >我已仔细阅读公司的招聘要求
    <a href="#"> 查看我的状态</a>
    <br>

    
    <h2>请应聘者确认：</h2>
    <ul>
        <li>以上信息真实有效</li>
        <li>能够尽早去公司上班</li>
        <li>能接受加班</li>
    </ul>

</fieldset>
    </form>
</table>
</body>
</html>

结果如下：在这里插入图片描述

躲不过️动
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML 练习
weixin_72146684的博客
09-07 316
.
html练习
apple_73086122的博客
11-25 504
html案例
html代码做的个人简历
09-12
HTML做的个人简历，非常好看，很适合个人主页 ，初学前端做的
HTML练习--做一个在线简历
qq_44489836的博客
02-18 605
学习目标： 1.学习掌握HTML基础知识 2.完成在线简历的制作 学习内容： 1. <h1>~<h6>: HTML 部分标题元素 HTML元素<h1>~<h6>代表标题的六个部分级别。<h1>是最高的部分级别，<h6>是最低的。 <h1>Heading level 1</h1> <h2>Heading level 2</h2> <h3>Heading level 3</
HTML＋CSS个人简历练习
huangqian_GX的博客
11-05 1117
代码 下面展示一些 内联代码片。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>个人简历</title> <style type="text/css" media="screen" > *{ margin: 0; padding: 0; } body{ width:%100; heigh
【HTML基础练习01】个人简历表格
Taio9648的博客
05-29 215
示例图片： 练习内容：表格合并单元格、设置边距的操作 需要练习使用以下标签 cellPadding 内边距 cellspacing 外边距 colspan 列合并 rowspan 行合并 bgcolor 背景颜色 示例代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body align="ce
HTML表格练习---个人简历
静心学习、耐心沉淀
08-05 1万+
html> html lang="en"> head> meta charset="UTF-8"> style type="text/css"> td{ text-align:center; width:100px; height:30px; } input{
前端练习01-前端-HTML
最新发布
03-24
为了提升HTML技能，你可以尝试创建不同类型的网页，如个人简历、博客文章、产品展示页等，同时不断参考MDN Web Docs等权威资源以获取最新技术和最佳实践。此外，参与开源项目、在线课程或编程挑战也能帮助你加深理解...
frontend-nanodegree-resume:这是Udacity“前端-纳米度-简历”的练习形式
05-18
前端纳米度恢复 这是来自Udacity的“ frontend-nanodegree-resume”练习 为了建立这个网站，我使用了HTML5，CSS3，boostrap，Google Maps API，JASON，jQuery 查看现场演示站点，为： :
sjo-resume-cv:迷你引导程序项目-简历
05-08
我的简历已修改-来自Code Institute UCD的简历 在本练习中，我们首先打开工作区并添加git进行跟踪。 完成后，我们继续上传个人资料图片“ Rosie” 然后，我们继续进行操作，以获取我们的标题和名称。 保存更改并...
html-only-cv:Agela Yu Udemy课程-仅使用html制作简历
05-16
此外，实践项目“html-only-cv-main”很可能是课程中的一个实际操作练习，帮助你将理论知识转化为实际技能。在这个项目中，你可以根据自己的经历和需求来调整模板，创建一个独一无二的HTML简历，突出你的职业亮点，...
html（rowspan、colspan）练习-webstorm个人电子简历制作
Jar_viS的博客
01-06 795
html练习-webstorm个人电子简历制作` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个人简历</title> <style type="text/css"> td {border:1px s...
HTML制作简易个人简历（表单）
m0_49940462的博客
06-03 2万+
《个人简历》练习效果图如下：
用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
canvas黑客帝国数字雨背景 html+css+js
你好呀，很高兴你在看这里~
03-19 3264
效果（完整源码在最后）： 【html+css+js】黑客帝国数字雨源码分享 可拿来作页面背景 制作： 定义canvas标签： <canvas id="canvas"></canvas> 开始js部分，先定义变量： /* 获取画布 */ var canvas = document.querySelector("#canva
Matlab机器人工具箱安装步骤
m0_52083255的博客
11-12 6815
MATLAB机器人工具箱下载连接 机器人工具箱的安装 今天用到机器人工具箱，顺便在这里给大家分享一下，需要的可以参考哦！ 安装步骤： 解压下载完的机器人工具箱文件，将解压文件复制到 MATLAB 安装目录下的 toolbox 文件夹中； 设置 MATLAB路径，添加并包含子文件夹； 启动运行：命令行输入 startup_rvc；（或者也可以返回到刚才 rvctools 的安装路径中，点击startup_rvc）； 检验是否安装成功； 检验安装成功与否的方法：在 MATLAB 命
递归函数详细版（Java）
m0_52083255的博客
08-24 3969
递归函数及相关练习 1.递归的概念 一个方法在执行过程中调用自身的过程, 就称为 “递归”； 2.递归的应用场景 通常应用在一个将大型的复杂问题层层转化为一个与原问题有着相同的解决方案的小问题； 3.递归实现的条件 ...
VS安装及其注意事项
m0_52083255的博客
04-13 2578
VS安装及其注意事项（ VS安装及其注意事项 工欲善其事，必先利其器，众所周知，我们在干一件事之前，必须先将工具准备好，那首先学习C语言，我们就要搭建它的开发环境，那接下来就开始进行安装啦，首先我们先找到官网网址：https://visualstudio.microsoft.com/zh-hans/vs/） 进入之后就可以选择并下载了 开发C语言，那接下来往下就可以进行下一步了，选择使用C++k开发环境！其次就是安装啦，当然一般情况下不要装在c盘，如果是固态并且空间足够也可以装在c盘，这样速度会比较快一点
字符串逆序排列
m0_52083255的博客
05-14 2526
字符串逆序(反向排列） 题目要求： （1）将参数字符串中的字符反向排列，而不是逆序打印； （2) 不能使用C函数库中的字符串操作函数； 首先要清楚逆序打印与反向排列的区别： 逆序打印，它本身的字符串没有发生改变，只是反着输出而已。而反向排列，实质上已经修改了字符串的本身，把字符串给颠倒了，然后正向打印出来! 实现： #include<stdio.h> #include<stdlib.h> #include<string.h> //ReverseString实现字符串逆序
"HTML入门课程-Tutorial英文版：探索Web页面开发
除了基础知识和技术，HTML教程还提供了实际案例和项目练习，让学习者可以通过实践来巩固所学内容。这些项目包括个人简历网页、企业主页和在线商城等，让学习者可以实际应用所学知识，并深入了解网页开发的流程和技巧...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值