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

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

超级简历WonderCV

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

下载

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

简历页面只需要用到极小一部分 HTML 标签，<header></header>、<section></section>、<h2></h2>、<p></p>、<ul></ul>、<li>、<a></a> 这七个就覆盖 95% 场景。浏览器对它们的默认渲染足够清晰——<h2></h2> 自带间距和加粗，<ul></ul> 自带缩进和圆点，<a></a> 默认带下划线且可点击。你不需要写一行 CSS 就能输出一份“能看”的简历。

• 别碰 <table> 做布局：它在手机上会横向溢出，也违背语义化原则 <li>别用 <code><font></font> 或 <center></center>：这些标签已废弃，现代浏览器可能忽略或触发怪异模式
• <h1></h1> 只用一次，放姓名；其余模块标题统一用 <h2></h2>，别跳级用 <h3></h3> 做主标题

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

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

• 必须在 里加 @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 文件，引用必须用相对路径：<link rel="stylesheet" href="style.css">，不能写成 Style.CSS 或 ./css/style.css（除非真有那一层目录）
• 单文件简历更稳妥：把所有 CSS 写进 <style></style> 标签里，避免额外请求和 404
• 中文文件名务必改英文：比如 简历.html 在 Windows 能打开，在 GitHub Pages 上很可能 404

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