【前端寻宝之路】学习如何使用HTML实现简历展示和填写

于 2024-03-03 19:55:32 发布
阅读量2.1k 收藏 55
点赞数 40
分类专栏： 前端寻宝之路系列 文章标签： 前端 学习 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aileenvov/article/details/136434523
版权

](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center)

🌈个人主页: Aileen_0v0
🔥热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法
​💫个人格言:“没有罗马,那就自己创造罗马~”

back and forth 来回地,反复地

文章目录

个人简历展示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Aileen</h1>
    <div>
        <h2>基本信息</h2>
        <img src="https://profile-avatar.csdnimg.cn/cf4e4b9738f54663a988881738dc5837_aileenvov.jpg!1" alt="">

        <span><p>求职意向:JAVA开发</p></span>
        <span><p>联系电话:178******42</p></span>
        <span><p>个人邮箱:aileen******08@qq.com</p></span>
        <span><p><a href="https://github.com/Aileen0v0">my Gitee</a></p></span>
        <span><p><a href="https://blog.csdn.net/Aileenvov?type=blog">my blog</a></p></span>
    </div>

    <div>
        <h2>教育背景</h2>
        <!-- 有序列表 -->
        <ol>
            <li>小学</li>
            <li>初中</li>
            <li>高中</li>
            <li>大学</li>
        </ol>
    </div>
    <div>
        <h2>专业技能</h2>
        <!-- 无序列表 -->
        <ul>
            <li>掌握java,python相关的编程</li>
            <li>熟练运用MySQL进行数据库的基本操作</li>
            <li>掌握数据结构</li>
            <li>掌握前端相关技能,html,CSS,JavaScript</li>
            <li>熟知计算机网络理论,并且可以独立排查常见问题</li>

        </ul>
    </div>
    <div>
        <h2>个人项目</h2>
        <ol>
            <h3><li>留言墙</li></h3>
            <p>开发时间:2023年3月12日-2023年3月30日</p>
            <p>功能介绍</p>
            <UL>
                <LI>措词检测</LI>
                <LI>支持同学探讨</LI>
            </UL>
        </ol>
    </div>
    <div>
        <h2>个人评价</h2>
        <p>热爱生活,热爱编程,积极阳光</p>
    </div>

<!-- 通过表格完成页面布局 -->

</body>
</html>

效果展示

在这里插入图片描述

简历填写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table>
        <head><h3>请填写简历信息</h3></head>
        <tr>
            <td>
                <label for="name">姓名:</label>
            </td>
            <td><input type="text" name="" id="name" ></td>
        </tr>
        <tr>
            <td>
                性别
            </td>
            <td>
                <!-- name的值一样就只能选其中一个 -->
                <input type="radio" name="sex" id="male" checked="checked">
                <label for="male">
                <img src="./male.png" alt="" width="20" height="20">男
                </label>
                <input type="radio" name="sex" id="female">
                <label for="female">
                <img src="./female.png" alt="" width="20" height="20">女
                </label>
            </td>
        </tr>
        <tr>
            <td>出生日期</td>
            <td>
                <select name="" id="">
                    <option value="">--请选择年份--</option>
                    <option value="">2000</option>
                    <option value="">2001</option>
                    <option value="">2002</option>
                    <option value="">2003</option>
                </select>
                <select name="" id="">
                    <option value="">--请选择月份--</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>
                <select name="" id="">
                    <option value="">--请选择日期--</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>
            </td>
        </tr>
        <tr>
            <td>
                <label for="school">就读学校</label>
            </td>
            <td>
                <input type="text" id="school">
            </td>
        </tr>
        <tr>
            <td>应聘岗位</td>
            <td>
                <input type="checkbox" name="" id="fe">
                <label for="fe" >前端开发</label>
                <input type="checkbox" name="" id="sever">
                <label for="sever" >后端开发</label>
                <input type="checkbox" name="" id="test">
                <label for="test" >测试开发</label>
                <input type="checkbox" name="" id="yunwei">
                <label for="yunwei" >运维开发</label>
            </td>
        </tr>
        <tr>
            <td>掌握技能</td>
            <td>
                <textarea  name="" id="" cols="30" rows="10"></textarea>
            </td>
        </tr>
        <tr>
            <td>项目经历</td>
            <td>
                <textarea  name="" id="" cols="30" rows="10"></textarea>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="checkbox" id="read">
                <label for="read">我已仔细阅读公司的招聘要求</label>
            </td>
        </tr>
        <tr>
            <td></td>
            <td><a href="#">查看我的状态</a> </td>
        </tr>
        <tr>
            <td></td>
            <td><h3>应聘者确认信息</h3></td>
            <!-- UL无序列表 -->
        </tr>
        <tr>
            <td></td>
            <td>
                <ul>
                    <li>以上信息真实有效</li>
                    <li>可以尽早去公司实习</li>
                    <li>可以接受加班</li>
                </ul>
            </td>
        </tr>
    </table>
</body>
</html>

简历填写展示

在这里插入图片描述
](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center)

](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center)

Aileen_0v0
关注
  • 40
    点赞
  • 踩
  • 55
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 38
    评论
专栏目录
使用HTML写一个简历表格
r67686的博客
08-30 5797
代码实现的效果如下： 代码如下： <!DOCTYPEhtml> <html> <head> <title>填写个人简历</title> </head> <body> <tableborder="1"align="center"width="1050"height="800"bordercolor="black"> <caption> ...
基于C#实现寻宝游戏.zip
03-08
基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏.zip基于C#实现寻宝游戏
html5寻宝类《泰坦之国》游戏源码
01-18
html5泰坦之国寻宝类游戏源码，界画非常精美，有兴趣的朋友可以参考下
trail-of-bread-crumbs:使用 php 和 mysql 在线寻宝
06-20
面包屑痕迹 使用 php 和 mysql 在线寻宝
AR寻宝大冒险
07-16
HTML营销活动，微信营销活动，PHP微信模块，寻宝活动,
18. 强化学习（Q Learning） python代码实现
05-08
Q函数、greedy策略，强化学习基础实例，采用python语言代码实现
html制作个人简历
m0_64242574的博客
05-18 2万+
前几天我为大家介绍了些html的标签，利用这些标签咱们可以简单制作个简历，来巩固知识。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个人简历</title> </head> <body background="[email protected]">
HTML制作简易个人简历（表单）
m0_49940462的博客
06-03 2万+
《个人简历》练习效果图如下：
html表格之个人简历
qianqianyunyan的博客
07-18 1万+
html表格属性制作个人简历（简易版）
HTML-个人简历表格制作
qq_53002037的博客
05-25 2051
个人简历表格制作
前端学生作业毕设实训素材-寻宝天行触屏版手机wap游戏网站模板下载.zip
04-08
完整前端应用源码开发Demo，主要用于毕业设计学习。
基于Django框架和mongodb的Web寻宝游戏源码+实验报告+测试视频.zip
10-07
【资源说明】 基于Django框架和mongodb的Web寻宝游戏源码+实验报告+测试视频.zip 基于Django框架和mongodb的Web寻宝游戏源码+实验报告+测试视频.zip 基于Django框架和mongodb的Web寻宝游戏源码+实验报告+测试视频.zip基于Django框架和mongodb的Web寻宝游戏源码+实验报告+测试视频.zip基于Django框架和mongodb的Web寻宝游戏源码+实验报告+测试视频.zip基于Django框架和mongodb的Web寻宝游戏源码+实验报告+测试视频.zip基于Django框架和mongodb的Web寻宝游戏源码+实验报告+测试视频.zip基于Django框架和mongodb的Web寻宝游戏源码+实验报告+测试视频.zip基于Django框架和mongodb的Web寻宝游戏源码+实验报告+测试视频.zip基于Django框架和mongodb的Web寻宝游戏源码+实验报告+测试视频.zip基于Django框架和mongodb的Web寻宝游戏源码+实验报告+测试视频.zip 【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！
定向寻宝活动设计思路和实操（附2019最新教程）1.docx
10-08
活动喵包含定向寻宝活动、定向寻宝活动设计、定向亲子寻宝活动、定向企业寻宝活动
unity落笔洞寻宝游戏.zip(源文件+文档+导出exe文件+视频展示）
06-07
unity个人期末大作业，（免积分下载）一款山洞寻宝游戏，包含源文件，exe导出文件，视频讲解，文档等内容，游戏可以统计吃的宝藏数目，满十个过关，碰障碍物掉血50，可以发射子弹，基本上都是用的课堂知识制作，供新手学习使用
强化学习Q-learning实现机器人寻宝游戏.zip
最新发布
04-16
作为人工智能核心研究领域之一的机器学习， 其研究动机是为了使计算机系统具有人的学习能力以实现人工智能。 那么， 什么是机器学习呢？ 机器学习 (Machine Learning) 是对研究问题进行模型假设，利用计算机...
强化学习之TD3算法实现
Ton的博客
03-27 5285
学习研究强化学习有个必不可少的工具就是——环境Env。在学习初期的时候，我们大多会在简单Gym环境比如Cartpolo、MountainCar、Pendulum、Puckworld、迷宫寻宝这几种环境中实现我们的算法。那么随着算法的复杂提高，我们需要进一步在复杂环境中实现算法。以TD3算法中的7种环境为新一轮起点，进行研究。如果你看过最近几年的论文，你会发现大多数算法都是在MUJOCO环境下实现的，TD3也不例外。 因此复现TD3算法需要： 装有带MUJOCO环境的完整版Gym包(网上有许多教程，都可以来
html个人信息表制作（适合初学者）
qq_51730402的博客
12-04 3999
html个人信息表制作（适合初学者）
十分钟手把手教你学会用HTML制作一个静态学术简历
热门推荐
qq_54932411的博客
06-09 10万+
找到与我同名的项目gosling123456.gitHub.io，可以download下来，或者使用git命令下载，然后对其中的文件进行修改。一定要注意路径是相对路径，否则找不到你的文件。当然，如果你是老手，用绝对路径也是没问题的）（其实我的模板也是参见了温洋大神的模板，人现在在洛桑联邦理工,大家可以访问它的主页看看大神的项目）由于大佬们太想进步了，拿的奖越来越多， 简历也需要相应的调整。4.上传文件，可以参见我的另一篇博客，全是干货，没有套路。然后把刚刚下载修改的文件传到下载后的文件夹里。
基于强化学习的迷宫寻宝
12-06
基于强化学习的迷宫寻宝是一种常见的强化学习应用。在这个应用中，智能体需要在迷宫中找到宝藏，并且需要尽可能快地找到它。在这个过程中，智能体需要学习如何在迷宫中移动，以及如何在不同的位置上采取不同的行动。这个过程可以通过两种不同的强化学习算法来实现：Sarsa和Q-Learning。 Sarsa算法是一种在线学习算法，它可以在智能体与环境交互的同时进行学习。在Sarsa算法中，智能体会根据当前状态和行动来更新它的策略，并且会在下一个状态和行动中使用这个策略。这个过程会一直持续到智能体找到宝藏或者达到了最大的迭代次数。 Q-Learning算法是一种离线学习算法，它可以在智能体与环境交互之后进行学习。在Q-Learning算法中，智能体会根据当前状态和行动来更新它的价值函数，并且会在下一个状态中选择最大的价值函数来更新策略。这个过程会一直持续到智能体找到宝藏或者达到了最大的迭代次数。 下面是一个基于Sarsa算法的迷宫寻宝的Python代码示例： ```python import numpy as np # 定义迷宫 maze = np.array([ [0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 1, 1, 0, 1, 1, 1, 0, 1, 0], [0, 1, 1, 0, 1, 0, 1, 0, 1, 0], [0, 1, 1, 0, 1, 0, 1, 0, 1, 0], [0, 1, 1, 1, 1, 1, 1, 0, 1, 0], [0, 1, 0, 0, 0, 0, 1, 0, 1, 0], [0, 1, 1, 1, 1, 1, 1, 1, 1, 0], [0, 1, 0, 0, 0, 0, 1, 0, 1, 0], [0, 1, 1, 1, 1, 1, 1, 0, 1, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0] ]) # 定义起点和终点 start = (1, 1) end = (8, 8) # 定义动作和策略 actions = ['up', 'down', 'left', 'right'] policy = np.zeros((10, 10, 4)) q_table = np.zeros((10, 10, 4)) # 定义参数 alpha = 0.1 gamma = 0.9 epsilon = 0.1 max_iter = 1000 # 定义Sarsa算法 def sarsa(): for i in range(max_iter): # 初始化状态和行动 state = start action = np.random.choice(actions) while state != end: # 选择行动 if np.random.uniform() < epsilon: action = np.random.choice(actions) else: action = actions[np.argmax(q_table[state[0], state[1]])] # 更新状态和行动 next_state = tuple(np.array(state) + np.array([0, -1]) * (action == 'up') + np.array([0, 1]) * (action == 'down') + np.array([-1, 0]) * (action == 'left') + np.array([1, 0]) * (action == 'right')) next_action = np.random.choice(actions) if np.random.uniform() < epsilon else actions[np.argmax(q_table[next_state[0], next_state[1]])] # 更新Q值 q_table[state[0], state[1], actions.index(action)] += alpha * (maze[next_state[0], next_state[1]] + gamma * q_table[next_state[0], next_state[1], actions.index(next_action)] - q_table[state[0], state[1], actions.index(action)]) # 更新状态和行动 state = next_state action = next_action # 运行Sarsa算法 sarsa() # 输出策略 for i in range(10): for j in range(10): policy[i, j, np.argmax(q_table[i, j])] = 1 print(policy[:, :, 0], '\n', policy[:, :, 1], '\n', policy[:, :, 2], '\n', policy[:, :, 3]) ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Aileen_0v0

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值