HTML文件需部署到HTTP服务器（如GitHub Pages）才能被他人通过网址访问；必须包含<html><head><body>结构，<head>中至少要有<meta charset="UTF-8">和<meta name="viewport">；CSS和图片路径须用相对路径，GitHub Pages要求index.html位于仓库根目录且小写命名。
HTML 文件怎么放上网，别人就能访问
浏览器打开一个网页，本质是向服务器发请求，拿到 index.html 这类文件后渲染。所以“建网站”第一步不是写代码，而是让这个文件能被别人通过网址（比如 https://example.com）拿到。
本地双击打开的 index.html 是走 file:// 协议，只在你电脑上运行，别人根本连不到。必须部署到支持 HTTP 的环境里。
- 最简单：用 GitHub Pages，把项目仓库设为公开，开启 Pages 功能，它会自动托管
index.html并分配一个https://xxx.github.io地址 - 别用网盘、微信传文件、邮件附件——这些不提供 HTTP 服务，浏览器拒绝加载
- 本地测试可临时用
python3 -m http.server 8000起个简易服务器，但只是本机预览，关掉命令就失效
HTML 结构里哪些标签不能少，少了就不是合格网页
很多新手直接写一堆文字加 <p> 和 <img>，浏览器也能显示，但这是“能看”，不是“合格网页”。搜索引擎、屏幕阅读器、移动端缩放都依赖基础结构。
- 必须有
<html>、<head>、<body>三层包裹，缺一不可 -
<head>里至少要有<meta charset="UTF-8">，否则中文可能变乱码；加上<meta name="viewport" content="width=device-width">，不然手机访问会显示超小字体 -
<title>不是装饰，是浏览器标签页文字、SEO 基础、微信分享卡片标题来源，空着或写“无标题文档”等于放弃可见性
CSS 和图片路径写错，为什么页面看起来“没样式”“图裂了”
错误现象不是报错，而是样式消失、图片显示成小方块或空白。根本原因是浏览器找不到对应文件——路径不是“你电脑上在哪”，而是“从 HTML 文件出发，相对位置在哪”。
立即学习“前端免费学习笔记（深入）”；
- 如果
index.html和style.css在同一目录，引用写<link rel="stylesheet" href="style.css"> - 如果
style.css在css/子目录，就得写href="css/style.css"，不能写href="/css/style.css"（开头的/表示网站根目录，GitHub Pages 根目录是仓库名，容易错位） - 图片同理：
<img src="images/logo.png">表示 HTML 当前目录下有个images文件夹；若写成src="/images/logo.png"，浏览器会去https://xxx.github.io/images/logo.png找，而实际可能是https://xxx.github.io/my-site/images/logo.png - 检查方法：右键 → “检查”，切到 Network 标签页，刷新，看哪些
css或png请求状态是404
用 GitHub Pages 部署时，index.html 放哪、命名要不要改
GitHub Pages 对入口文件位置和命名有硬性要求，不是随便放哪都能生效。
- 用户主页（
username.github.io）：必须用main分支，且index.html必须在仓库根目录（也就是和.gitignore同级），名字不能改成home.html或带大写字母 - 项目页（
username.github.io/repo-name）：同样要index.html在根目录，但可以选gh-pages分支或docs文件夹（需在 Settings → Pages 中手动指定源） - 常见坑：
Index.html（首字母大写）、INDEX.HTM、放在src/里没复制出来——全都不认 - 改完记得
git push，GitHub 需要几秒到几分钟同步，不要立刻刷网页说“没变”
真实建站最难的从来不是写第一行 <h1>，而是让别人在任意设备上输对网址、等几秒、看到你想表达的东西。路径、编码、部署规则这些细节漏一个，整个流程就卡住——它们不炫酷，但绕不开。
