位置: IT常识 - 正文

个人简历html网页代码(使用chatgpt完成web开发课的实验)(个人简历html网页代码含效果图)

编辑:rootadmin
个人简历html网页代码(使用chatgpt完成web开发课的实验)

推荐整理分享个人简历html网页代码(使用chatgpt完成web开发课的实验)(个人简历html网页代码含效果图),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:个人简历html网页代码课本案例,个人简历html网页代码精美,个人简历html网页代码课本案例,个人简历html网页代码简单,个人简历html网页代码简单,个人简历html网页代码精美,个人简历html网页,个人简历html网页模板,内容如对您有帮助,希望把文章链接给更多的朋友!

使用chatgpt完成web开发课的实验

前提: chatgpt的使用,建议看https://juejin.cn/post/7198097078005841980或者自己随便找

要学会用“出国旅游”软件

个人简历html网页代码(使用chatgpt完成web开发课的实验)(个人简历html网页代码含效果图)

vscode的基本使用

炼丹开始: 炼丹材料:

帮我写一个html页面,内容是:个人简历,需要丰富的颜色和样式

我这演示只练了一次,需要更严格的页面,多练几次就行 练好了框架自己改改就行 自己练好的丹:

还有一种图有二维码就懒得发出来了

代码:

text.html

<!DOCTYPE html><html> <head> <title>个人简历</title> <style> body { font-family: Arial, sans-serif; color: rgb(37, 114, 126); /* background-color: #c0c9ee; */ background-image: url('https://www.yuucn.com/wp-content/uploads/2023/05/1684053810-bead5d39b59ef91.jpeg'); background-position: 50% 30%; background-repeat: no-repeat; background-size:cover; margin: 0; padding: 0; } h1 { font-size: 36px; text-align: center; margin-top: 50px; color: #333; } h2 { font-size: 24px; color: #333; margin-top: 30px; } p { font-size: 16px; line-height: 1.5; } .container { max-width: 800px; margin: 0 auto; padding: 50px; background-color: #fff; border-radius: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); opacity:0.8; } .section { margin-top: 50px; } .section-title { font-size: 20px; font-weight: bold; margin-bottom: 10px; } .experience { margin-top: 30px; /* 取消链接样式(下划线和颜色) */ text-decoration: none; color: inherit; } .experience .title { font-size: 18px; font-weight: bold; margin-bottom: 5px; } .experience .date { font-size: 14px; color: #666; margin-bottom: 10px; } .skills { margin-top: 30px; } .skills ul { list-style: none; margin: 0; padding: 0; } .skills li { display: inline-block; background-color: #ddd; color: #333; font-size: 14px; padding: 5px 10px; margin-right: 10px; margin-bottom: 10px; border-radius: 5px; } .skills li:hover{ display: inline-block; background-color: #ddd; color: rgb(114, 107, 107); font-size: 14px; padding: 5px 10px; margin-right: 10px; margin-bottom: 10px; border-radius: 5px; } .contact { margin-top: 30px; } .contact ul { list-style: none; margin: 0; padding: 0; } .contact li { margin-bottom: 10px; } .contact li a { display: block; color: rgb(37, 114, 126); font-size: 16px; text-decoration: none; transition: color 0.15s ease-in-out; } .contact li a:hover { color: #00bfff; } </style> </head> <body> <div class="container"> <h1>个人简历</h1> <div class="section"> <h2 class="section-title">个人信息</h2> <p><strong>姓名:</strong>李XX</p> <p><strong>性别:</strong>男</p> <p><strong>出生日期:</strong>2001年11月21日</p> <p><strong>手机号:</strong>136XXXXXX</p> <p><strong>邮箱:</strong>2279719702@qq.com</p> </div> <div class="section"> <h2 class="section-title">学习经历</h2> <a href="testbackEnd.html" class="experience"> <div class="title">后端开发</div> <div class="date">2020年12月-至今</div> <p>内容</p> <ul> <li>springboot,springcloud技术</li> <!-- <li>MySQL,Redis,elasticsearch</li> <li>CentOS,Docker,Nacos,Git,RabbitMQ</li> --> </ul> </a> <a href="testhardware.html" class="experience"> <div class="title" >硬件开发</div> <div class="date">2021年7月-2023年1月</div> <p>内容</p> <ul> <li>esp8266,esp32</li> <!-- <li>wifi,蓝牙,串口,模拟,数字</li> <li>GPS,水质检测,摄像头,舵机,继电器,单片机服务器</li> --> </ul> </a> </div> <div class="section"> <h2 class="section-title">其他技能</h2> <div class="skills"> <ul> <li>HTML</li> <li>CSS</li> </ul> </div> </div> <div class="section"> <h2 class="section-title">联系方式</h2> <div class="contact"> <ul> <li><a href="tel:13XXXXXX">电话:13XXXX</a></li> <li><a href="tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=2279719702&website=www.oicqzone.com">QQ:2279719702</a></li> <li><a href="https://github.com/like-wen">GitHub:like-wen</a></li> <li><a href="https://blog.csdn.net/m0_52070517?spm=1018.2226.3001.5343">CSDN: Like_wen</a></li> </ul> </div> </div> </div></body></html>

testbackEnd.html

<!DOCTYPE html><html> <head> <title>个人简历</title> <style> body { font-family: Arial, sans-serif; color: rgb(37, 114, 126); /* background-color: #c0c9ee; */ background-image: url('https://www.yuucn.com/wp-content/uploads/2023/05/1684053810-bead5d39b59ef91.jpeg'); background-position: 50% 30%; background-repeat: no-repeat; background-size:cover; margin: 0; padding: 0; } h1 { font-size: 36px; text-align: center; margin-top: 50px; color: #333; } h2 { font-size: 24px; color: #333; margin-top: 30px; } p { font-size: 16px; line-height: 1.5; } .container { max-width: 800px; margin: 0 auto; padding: 50px; background-color: #fff; border-radius: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); opacity:0.8; } </style> </head> <body> <div class="container"> <h1>后端开发</h1> <h2>第一段学习经历:</h2> <p>springmvc,html,css,js,mysql,mybatisplus</p> <h2>第二段学习经历:</h2> <p>springboot,springcloud,vue,centos,redis,elasticsearch,nacos,docker,javafx,swagger,mqtt,git,rabbitMQ</p></p> <h2>个人项目:</h2> <div> <p>五金磨具订单管理系统</p> </div> <div> <p>基于es的文献搜索工具</p> <img src="https://www.yuucn.com/wp-content/uploads/2023/05/1684053790-bead5d39b59ef91.png"> </div> <div> <p>惠小摊应用</p></p> <img src="https://www.yuucn.com/wp-content/uploads/2023/05/1684053797-bead5d39b59ef91.png"> </div> <div> <p>基于MQTT的水上检测设备管理应用</p> <img src="https://www.yuucn.com/wp-content/uploads/2023/05/1684053803-bead5d39b59ef91.png"> </div> </div></body></html>

testhardware.html

<!DOCTYPE html><html> <head> <title>个人简历</title> <style> body { font-family: Arial, sans-serif; color: rgb(37, 114, 126); /* background-color: #c0c9ee; */ background-image: url('https://www.yuucn.com/wp-content/uploads/2023/05/1684053810-bead5d39b59ef91.jpeg'); background-position: 50% 30%; background-repeat: no-repeat; background-size:cover; margin: 0; padding: 0; } h1 { font-size: 36px; text-align: center; margin-top: 50px; color: #333; } h2 { font-size: 24px; color: #333; margin-top: 30px; } p { font-size: 16px; line-height: 1.5; } .container { max-width: 800px; margin: 0 auto; padding: 50px; background-color: #fff; border-radius: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); opacity:0.8; } </style> </head> <body> <div class="container"> <h1>硬件开发</h1> <h2>第一段学习经历:</h2> <p>数字电路,esp8266,传感器,串口,wifi,舵机,单片机服务器,MQTT</p> <h2>第二段学习经历:</h2> <p>esp32,蓝牙,GPS,4G网络,网络摄像头</p></p> <h2>个人项目:</h2> <div> <p>局域网html喂食机</p> <img src="https://www.yuucn.com/wp-content/uploads/2023/05/1684053817-bead5d39b59ef91.png"></img> <img src="https://www.yuucn.com/wp-content/uploads/2023/05/1684053824-bead5d39b59ef91.png"></img> </div> <div> <p>基于esp32的水质检测与处理浮标设备</p> <img src="https://www.yuucn.com/wp-content/uploads/2023/05/1684053831-bead5d39b59ef91.png"> </div> <div> <p>基于esp32 cam的网络摄像头</p> <img src="https://www.yuucn.com/wp-content/uploads/2023/05/1684053837-bead5d39b59ef91.png"> </div> </div></body></html>
本文链接地址:https://www.jiuchutong.com/zhishi/297536.html 转载请保留说明!

上一篇:npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolve dependency

下一篇:微信小程序 |基于百度AI从零实现人脸识别小程序(微信小程序开发一个多少钱)

  • 苹果手机如何添加电池小组件(苹果手机如何添加输入法)

    苹果手机如何添加电池小组件(苹果手机如何添加输入法)

  • 苹果手机来电语音播报怎么关闭(苹果手机来电语音提示怎么关闭)

    苹果手机来电语音播报怎么关闭(苹果手机来电语音提示怎么关闭)

  • airpods3代使用方法(airpods3代使用方法和技巧)

    airpods3代使用方法(airpods3代使用方法和技巧)

  • 哔哩哔哩声音太小(哔哩哔哩声音太小电脑)

    哔哩哔哩声音太小(哔哩哔哩声音太小电脑)

  • 小米浏览器图标不见了(小米浏览器图标没了)

    小米浏览器图标不见了(小米浏览器图标没了)

  • p40pro微信拍照模糊(华为p40pro微信拍照不清楚)

    p40pro微信拍照模糊(华为p40pro微信拍照不清楚)

  • 手机主板坏的前兆是什么(手机主板坏了是)

    手机主板坏的前兆是什么(手机主板坏了是)

  • vivoz3可以单独换外屏吗(vivoz3i可以单独换外屏吗)

    vivoz3可以单独换外屏吗(vivoz3i可以单独换外屏吗)

  • 快手作品隔多久发一次(快手作品隔多久可以重发)

    快手作品隔多久发一次(快手作品隔多久可以重发)

  • vivo下载的软件不在桌面上(vivo下载的软件怎么不显示在桌面)

    vivo下载的软件不在桌面上(vivo下载的软件怎么不显示在桌面)

  • 红米k30相机可以放大多少倍(红米k30相机可以拍视频吗)

    红米k30相机可以放大多少倍(红米k30相机可以拍视频吗)

  • windosxp属于系统软件吗

    windosxp属于系统软件吗

  • 安卓微信聊天记录在哪(安卓微信聊天记录转移苹果)

    安卓微信聊天记录在哪(安卓微信聊天记录转移苹果)

  • iphone6支持无线充电吗(iphone6s支持无线)

    iphone6支持无线充电吗(iphone6s支持无线)

  • y5s字体大小在哪设置(y5s字体在哪里调)

    y5s字体大小在哪设置(y5s字体在哪里调)

  • 光盘是多媒体信息吗(光盘是多媒体输入设备吗)

    光盘是多媒体信息吗(光盘是多媒体输入设备吗)

  • 电脑b站怎么下载视频(电脑b站怎么下载视频缓存)

    电脑b站怎么下载视频(电脑b站怎么下载视频缓存)

  • 华为mate30pro支持北斗导航吗(华为mate30pro支持广电网络吗)

    华为mate30pro支持北斗导航吗(华为mate30pro支持广电网络吗)

  • iphone x是不是双卡(iPhone X是不是双扬声器)

    iphone x是不是双卡(iPhone X是不是双扬声器)

  • 金立手机充电代码(金立手机充电代码怎么看)

    金立手机充电代码(金立手机充电代码怎么看)

  • 如何删除注销抖音账号(如何注销抖音号删除作品)

    如何删除注销抖音账号(如何注销抖音号删除作品)

  • oppoa5怎么关机(oppoa5怎么重启)

    oppoa5怎么关机(oppoa5怎么重启)

  • 支持ldac的蓝牙耳机(支持ldac的蓝牙耳机有哪些)

    支持ldac的蓝牙耳机(支持ldac的蓝牙耳机有哪些)

  • 小米音响叫啥(小米音响叫啥子)

    小米音响叫啥(小米音响叫啥子)

  • 拍抖音怎么加文字幕(拍抖音怎么加文字歌词)

    拍抖音怎么加文字幕(拍抖音怎么加文字歌词)

  • 计算器上的on/c是什么键(计算器上的on/C是什么键)

    计算器上的on/c是什么键(计算器上的on/C是什么键)

  • 强制关闭Mac系统应用程序的Power Nap功能的方法介绍(强制关闭mac系统的快捷键)

    强制关闭Mac系统应用程序的Power Nap功能的方法介绍(强制关闭mac系统的快捷键)

  • torch.nn.Conv3d

    torch.nn.Conv3d

  • 汽修厂开普票货款怎么开
  • 变更法人代表要查征信吗
  • 手工发票可以抵增值税吗
  • 2019年新政府会计制度
  • 需要冲红的普通发票无法收回怎么办
  • 现金预算表制造费用怎么填
  • 本年利润包含增值税吗
  • 何为售后租回
  • 评估价与成交价相差多少合法
  • 主营业务成本如何算
  • 赠品转做商品销售的账务处理如何做?
  • 加税点开专票合适吗
  • 为什么有些单位一直在招聘
  • 消费税征收范围注释
  • 小规模纳税人补缴增值税
  • 小规模季度超过30万,普票咋交税
  • 原料采购入库检测损耗的会计处理怎么做?
  • 总资产报酬率
  • 资本溢价最后转入哪里
  • 税务贷的用途
  • 出让和转让的有何区别
  • 转账支票到期了怎么兑现
  • 政府投资农业项目
  • 国家税务条例
  • uniapp h5发布
  • linux中qq怎么添加快捷键启动功能?
  • 怎么用老毛桃u盘装win7系统 老毛桃u盘装win7系统教程图解
  • 当前页面的脚本发生错误代码0没有注册类
  • xwizard.exe是什么
  • 展位费一般多少钱
  • 补缴以前月份的个人所得税
  • npm命令不存在
  • 银行发行债券要求
  • 违反发票管理的处罚
  • 家里装饰镜太多了怎么化解
  • 房地产企业利润
  • HTML怎么设置文本框
  • 会计政策变更对财务分析的影响
  • 长期股权投资投资收益计算
  • php书籍读后感
  • 为什么那么多人考公务员
  • uniapp dom操作
  • 货物及劳务包括哪些内容
  • php实用教程
  • 税务局规定多久开发票
  • 财政拨付注册资金怎么填
  • 尚未抄税无法申报
  • 往来款的意思
  • 取得不规范发票的处理
  • java基础运算符有哪些
  • 织梦手机端
  • 资产超过5000万的家庭有多少
  • 车辆维修费发票图片
  • 销售补偿法
  • 开发票的销售收入正规的做账如何做?
  • 应付账款账面价值扣除商业折扣吗
  • 研发支出计入产品成本吗
  • 免予缴纳增值税
  • 公交车ic卡网上充值
  • 土地出让合同的签订主体
  • 对方发票丢失怎么申报丢失
  • mysql新手入门
  • sql server语句查询
  • adsl用户之间共享电话线路
  • win10有没有语音输入
  • win10右键自动弹出
  • mac电脑怎么安装ie浏览器
  • mac怎么安装字体到ai
  • linux bye
  • schedulerv2.exe - schedulerv2是什么进程 有什么用
  • mssearch.exe - mssearch是什么进程 有什么用
  • nodejs 插件开发
  • javaweb物流管理系统源码
  • python中2和2.0的区别
  • JavaScript中的数据类型分为两大类
  • JavaScript的Cookies
  • 蓝牙模块手机程序
  • js弹出框怎么写
  • 向境外付款需要代扣代缴所得税吗
  • 运输费用抵扣税率最新规定
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设