HTML不是编程语言，而是用尖括号书写的标记规则，用于定义网页结构与语义；必须小写、属性值加双引号、标签闭合、含DOCTYPE和lang等基础结构，否则导致渲染异常或工具链报错。
HTML 不是编程语言，它是一套用尖括号 写的标记规则，浏览器靠它知道哪段是标题、哪段是段落、图片该放哪儿——写错结构，页面就可能错位、文字不换行、甚至空白一片。
HTML 代码本质是「带语义的标签序列」
每个 <p></p>、<h1></h1>、<img alt="什么是HTML代码？零基础概念科普与基本结构介绍" > 都不是随便起的名字，而是告诉浏览器“这是段落”“这是主标题”“这里要加载一张图”。这些标签本身不执行逻辑，也不算数，只负责描述内容角色。
常见误解：把 <div> 当万能容器乱套，结果语义丢失、SEO 受损、屏幕阅读器无法理解。实际应优先用 <code><article></article>、<nav></nav>、<footer></footer> 等有明确含义的标签。
-
<strong></strong>表示重要内容强调（语义加粗），不是单纯为了变粗字体；<b></b>才是纯样式加粗，已不推荐 - 所有双标签必须闭合：
<p>文字</p><div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="/xiazai/skill5806" title="html-deploy"><img src="https://img.php.cn/upload/skill/000/000/081/179066538882434.jpg" alt="html-deploy" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a href="/xiazai/skill5806" title="html-deploy">html-deploy</a> <p>使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。</p> </div> <a href="/xiazai/skill5806" title="html-deploy" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>正确，<p>文字</p>错误（部分浏览器会自动补，但不可依赖） - 标签大小写敏感：HTML5 规范要求全部小写，
<p></p>或<img alt="什么是HTML代码？零基础概念科普与基本结构介绍" >属于无效写法
一个能跑起来的 HTML 文件，最少要这四块
缺任何一块，浏览器可能显示异常，或开发工具报 Missing DOCTYPE、No <title> in </title> 等警告。
最简合法结构长这样：
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>页面标题</title> </head> <body> <h1>欢迎</h1> <p>这是第一段</p> </body> </html>
-
!DOCTYPE html必须顶格写在第一行，不能缩进，也不能加空格，否则触发怪异模式（Quirks Mode） -
<html lang="zh">的lang属性虽非强制，但影响语音朗读、拼写检查、搜索引擎定位，中文页务必设为zh或zh-CN -
<meta charset="UTF-8">必须放在<head>最前面，否则中文可能显示为乱码（特别是 VS Code 默认保存为 UTF-8，但没声明时浏览器可能按 ISO-8859-1 解析）
VS Code 里快速生成骨架，别手敲
新建 .html 文件后，在空文件中输入 ! 再按 Tab 或 Enter，VS Code 自动展开为完整结构（基于内置 emmet 插件）。这个快捷方式依赖文件后缀和语言模式识别——如果文件名是 index.txt 或语言模式被误设为 Plain Text，就触发不了。
- 确认右下角状态栏显示 “HTML”，不是 “Plain Text”；若不对，点击切换
- 确保文件以
.html结尾（不是.htm，虽然也能运行，但现代项目统一用.html） - 展开后检查
<meta charset="UTF-8">是否存在，旧版 emmet 模板可能漏掉，需手动补上
真正容易被忽略的不是标签怎么写，而是每个标签在文档树里的嵌套层级是否合法——比如 <p> 里不能直接放 <div>（HTML5 允许，但语义混乱），<head> 里不能出现 <h1>。结构一旦越界，后续加 CSS 或 JS 就容易失效，调试时很难一眼看出根源。
