• 只基于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>

          • 相关阅读:
            DL之GRU(Tensorflow框架):基于茅台股票数据集利用GRU算法实现回归预测(保存模型.ckpt.index、.ckpt.data文件)
            阿里云混合云管理平台多Region架构
            Docker Compose部署Mysql8
            Matlab数据插值与数据重构技巧
            防火墙 (index):6772 crbug/1173575, non-JS module files deprecated
            Jackson ImmunoResearch免疫球蛋白类分析方案
            路由器二次开发一步一步把工业路由器变成一个高端的可指定出网、节点和链路的路由器,包含详细过程及快捷脚本(三)
            设计模式---装饰器模式
            【云原生 | 42】Docker快速部署高可靠性编程语言Erlang
            CSS必学:元素之间的空白与行内块的幽灵空白问题
          • 原文地址:https://blog.csdn.net/panpanaa/article/details/127825269