• 只基于html应用


    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

    前言

    提示:这里可以添加本文要记录的大概内容:

    上篇文章是基本概念,这是俩个实战


    提示:以下是本篇文章正文内容,下面案例可供参考

    一、展示简历信息

    效果

     代码

    1. "en">
    2. "UTF-8">
    3. "X-UA-Compatible" content="IE=edge">
    4. "viewport" content="width=device-width, initial-scale=1.0">
    5. 个人简历
    6. 谭佳盼

    7. 基本信息

    8. "https://i02piccdn.sogoucdn.com/40f994f771af79c5" alt="这是我的图片">
    9. 求职意向:java工程师

    10. 联系电话:119

    11. 邮箱:14568992@qq.com

    12. 教育背景

      1. 2001-2005 百环村幼儿园
    13. 2006-2012 百环村小学
  • 2012-2017 高中
  • 2018-2023 明德理工大学
  • 专业技能

    • rap
    • 我的项目

      1. 留言墙

      2. 开发时间:2022 11 11

      3. 功能介绍:
        • 支持错题检索
        • 支持错题检索
        • 学习小助手

        • 开发时间:2022 11 11

        • 功能介绍:

          • 支持错题检索
          • 支持错题检索
          • 个人评价

          • 良好

          • 二、填写简历信息

            效果

             代码演示:

            1. html>
            2. <html lang="en">
            3. <head>
            4. <meta charset="UTF-8">
            5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
            6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
            7. <title>Documenttitle>
            8. head>
            9. <body>
            10. <h2>请填写简历信息h2>
            11. <table>
            12. <tr>
            13. <td>姓名td>
            14. <td>
            15. <input type="text">
            16. td>
            17. tr>
            18. <tr>
            19. <td>性别td>
            20. <td>
            21. <input type="radio" name="human" id="man"><label for="man"><img src="./img/男.png" alt="这是一张图片"
            22. width="20px">男label>
            23. <input type="radio" name="human" id="woman"><label for="woman"><img src="./img/女.png" alt="这是一张图片"
            24. width="20px">女label>
            25. td>
            26. tr>
            27. <tr>
            28. <td>
            29. 出生日期
            30. td>
            31. <td>
            32. <select>
            33. <option>--请选择年份--option>
            34. <option>2000年option>
            35. <option>2001年option>
            36. <option>2002年option>
            37. <option>2003年option>
            38. <option>2004年option>
            39. select>
            40. <select>
            41. <option>请选择月份option>
            42. <option>1月option>
            43. <option>2月option>
            44. <option>3月option>
            45. <option>4月option>
            46. <option>5月option>
            47. select>
            48. <select>
            49. <option>请选择日期option>
            50. <option>1option>
            51. <option>2option>
            52. <option>3option>
            53. <option>4option>
            54. <option>5option>
            55. select>
            56. td>
            57. tr>
            58. <tr>
            59. <td>就读学校td>
            60. <td>
            61. <input type="text">
            62. td>
            63. tr>
            64. <tr>
            65. <td>应聘岗位td>
            66. <td>
            67. <input type="checkbox" id="qianduan"><label for="qianduan">前端开发label>
            68. <input type="checkbox" id="houduan"><label for="houduan">后端开发label>
            69. <input type="checkbox" id="ceshi"><label for="ceshi">测试开发label>
            70. <input type="checkbox" id="yunwei"><label for="yunwei">运维开发label>
            71. td>
            72. tr>
            73. <tr>
            74. <td>掌握的技能td>
            75. <td><textarea cols="30" rows="15">textarea>td>
            76. tr>
            77. <tr>
            78. <td>项目经历td>
            79. <td><textarea cols="30" rows="15">textarea>td>
            80. tr>
            81. <tr>
            82. <td>td>
            83. <td><input type="checkbox" id=1><label for="1">我已仔细阅读过公司的招聘要求label>td>
            84. tr>
            85. <tr>
            86. <td>td>
            87. <td><a href="#">查看我的状态a>td>
            88. tr>
            89. <br>
            90. <br>
            91. <tr>
            92. <td>td>
            93. <td>
            94. <h3> 请应聘者确认h3>
            95. <ul>
            96. <li>
            97. 以上信息真实有效
            98. li>
            99. <li>
            100. 能够尽早去公司实习
            101. li>
            102. <li>
            103. 能接受公司的加班文化
            104. li>
            105. ul>
            106. td>
            107. tr>
            108. table>
            109. body>
            110. html>

          • 相关阅读:
            猿创征文|【C++游戏引擎Easy2D】我拿吃零食的时间,学会了在C++上添加可点击按钮
            面试算法25:链表中的数字相加
            职场经验分享--接口中按时间戳查数据容易被忽略的细节
            【机器学习】01. 波士顿房价为例子学习线性回归(代码注释,思路推导)
            用spark实现row_number()
            【ComfyUI】Pytorch预训练模型(torch.hub)缓存地址修改
            对比学习15篇顶会论文及代码合集,2023最新
            软件工程概述----- Scrum敏捷开发
            中秋月饼还没有恰到,先用css画一个月亮赏赏眼
            如何从零开始设计一个亿级系统架构?总结万字的完整思路
          • 原文地址:https://blog.csdn.net/panpanaa/article/details/127825269