零基础可直接写html搭作品集，但须先掌握最小必要结构：必须包含、、（含和）、，所有内容置于内；图片链接用相对路径、避免中文文件名；加简短提升观感。
零基础直接上手写 HTML 搭个人作品集，完全可行——但别从 index.html 开始敲，先搞清结构和最小必要标签，否则容易卡在“页面不显示”“图片出不来”“文字乱跑”这些具体问题上。
怎么写出浏览器能正确解析的最简 HTML 页面
浏览器只认标准结构，缺了关键标签就可能白屏或渲染异常。新手常把 、、 任意省略，或错写成 （大小写敏感）。
必须放在第一行，没有它，IE 或旧版 Safari 可能进怪异模式-
里至少要有<meta charset="utf-8">，否则中文变乱码 -
<title></title>写在里，不然浏览器标签页显示为空白或“无标题文档” - 所有可见内容必须包在
里，写在外面的内容会被忽略
示例最小可运行结构：
<meta charset="utf-8"><title>我的作品集</title><h1>张三</h1> <p>前端开发者 | 摄影爱好者</p>
图片、链接、作品列表怎么写才不“404”或打不开
本地路径写错是新手最高频错误：图片放进了 images/ 文件夹，但 HTML 里写成 <img src="photo.jpg">；或者用中文文件名，浏览器编码不一致直接挂掉。
- 图片路径以
./开头表示当前目录，../表示上一级，绝对路径从网站根目录算起（开发阶段建议统一用相对路径） - 文件名避免空格和中文，用
project-01.jpg而不是我的项目.jpg - 链接到外部网站必须加
https://，否则浏览器当成相对路径，点开变成http://localhost/project/https://github.com/xxx - 作品列表用
<ul></ul>+<li>最稳妥，比手敲<br>排版更可控
正确写法示例：
- 在线简历项目
- @@##@@
怎么让页面看起来“简洁”而不是“简陋”
纯 HTML 没样式确实像记事本，但不用学 CSS 全套也能快速提升观感。重点不是加动画，而是解决默认样式干扰：段落间距过大、字体太小、链接带下划线还变色、图片撑破容器。
- 加一行
<style></style>在里就能覆盖大部分问题，比如：body { line-height: 1.6; font-family: -apple-system, sans-serif; } -
<img src="./images/work01.png" alt="作品截图">加width="100%"和max-width: 600px防止在手机上溢出屏幕 - 用
<header></header>、<section></section>这类语义标签替代一堆<div>，既方便后续加样式，也利于 SEO <li>别用 <code><center></center>居中——已废弃，改用text-align: center或现代写法
一个够用的极简样式片段：
<style>
body { margin: 2rem auto; max-width: 700px; padding: 0 1rem; }
img { max-width: 100%; height: auto; }
a { color: #2563eb; text-decoration: none; }
a:hover { text-decoration: underline; }
</style>
真正卡住人的从来不是语法，而是路径拼错、编码没设、标签没闭合、图片文件根本没放进文件夹——检查时优先看浏览器开发者工具的 Console 和 Network 标签页，里面直接标出哪个 404、哪行 HTML 解析失败。
