个人介绍网页模板HTML代码
提供一份可直接使用的个人介绍网页HTML模板,包含响应式布局、经历与技能分区、联系方式,改文字即可上线。
想做个个人介绍页?直接拿这段代码改啊。
结构很简单:头部放名字和一句话简介,中间分两块——左边写经历,右边列技能。底部留联系方式。
代码骨架:
html
你的名字
body{font-family:system-ui,sans-serif;max-width:720px;margin:40px auto;padding:0 20px;line-height:1.7;color:#222}
h1{margin-bottom:4px}
.tag{color:#666;margin-top:0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:32px 0}
@media(max-width:600px){.grid{grid-template-columns:1fr}}
h2{font-size:18px;border-bottom:2px solid #eee;padding-bottom:6px}
ul{padding-left:18px}
a{color:#0a58ca}
张三
前端开发 / 杭州
经历
- 2022至今 某某公司 前端
- 2020-2022 某某工作室
技能
- HTML / CSS / JavaScript
- React、Vue
联系
改三处就能用:、名字、。样式已适配手机,不用装框架,单文件打开即看。想加头像就在h1上面插个img,圆角用border-radius:50%。

