零基础制作HTML简历只需掌握7个核心标签，避免废弃标签与table布局，添加print媒体查询确保PDF导出正常，注意GitHub Pages路径大小写及viewport声明和邮箱链接规范。

零基础制作 HTML 简历不难，真正卡住人的从来不是写代码，而是不知道哪些标签必须用、哪些样式能省、哪些地方一动就崩。

为什么不用学完全部HTML再动手

简历页面只需要用到极小一部分 HTML 标签，

、

、

、

、

、

、 这七个就覆盖 95% 场景。浏览器对它们的默认渲染足够清晰——

自带间距和加粗，

自带缩进和圆点， 默认带下划线且可点击。你不需要写一行 CSS 就能输出一份“能看”的简历。

• 别碰 做布局：它在手机上会横向溢出，也违背语义化原则
  别用 或 ：这些标签已废弃，现代浏览器可能忽略或触发怪异模式

  只用一次，放姓名；其余模块标题统一用

  ，别跳级用

  做主标题

  导出 PDF 时内容被截断？先检查这三处

  Chrome “另存为 PDF” 看似简单，但实际导出失败的主因几乎都集中在打印样式缺失。不是 HTML 写错了，是没告诉浏览器“怎么印”。

  

  超级简历WonderCV

  一款AI办公效率工具，主要用于免费求职简历模版下载制作，应届生职场人必备简历制作神器，适合需要提升相关任务效率的用户。

  下载
  • 必须在 里加 @media print 规则，至少包含：body { background: white; color: black; } 和 section { break-inside: avoid; }
  • 删掉所有 background-color、box-shadow、border —— PDF 导出引擎默认不渲染它们，反而可能干扰分页
  • 测试前别直接导出，先按 Ctrl+Shift+P → 输入 Rendering → 勾选 Emulate CSS media type: print，预览比反复导出快十倍

  部署到 GitHub Pages 后样式全没了？大概率是路径或大小写问题

  本地双击打开好好的，上传后变成纯文字，这不是代码问题，是资源加载失败。GitHub Pages 是 Linux 环境，路径区分大小写，且不支持 Windows 风格的反斜杠。

  • 如果用了外部 CSS 文件，引用必须用相对路径：，不能写成 Style.CSS 或 ./css/style.css（除非真有那一层目录）
  • 单文件简历更稳妥：把所有 CSS 写进 标签里，避免额外请求和 404
  • 中文文件名务必改英文：比如 简历.html 在 Windows 能打开，在 GitHub Pages 上很可能 404

  最容易被忽略的是 viewport 声明和邮箱链接写法——前者导致手机上文字小得看不见，后者让 HR 点不开你的邮箱。这两处不改，其他都白搭。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！