应使用和～标签显式定义段落与标题，浏览器忽略换行符；自动添加上下空行，到逐级减小字号并增大间距，且全页唯一以保障seo与语义结构。
怎么用 <p></p> 和 <h1></h1>～<h6></h6> 控制文字基本排版
浏览器默认忽略换行符，直接敲回车不会起作用；必须用标签显式定义段落和标题。 <p></p> 自动前后加空行，<h1></h1> 到 <h6></h6> 会自动加更大间距，且字号逐级变小。
-
<p align="center"></p>这种写法虽能用，但属于过时的 HTML4 属性，现代标准中应改用 CSS：style="text-align:center" -
<h1></h1>应全页唯一，用于主标题；搜索引擎靠它判断页面核心主题，乱用多个<h1></h1>会影响 SEO - 如果只是想缩进首行，别用空格硬凑，CSS 的
text-indent: 2em更可靠
插入图片和超链接时常见错误及修复
图片不显示、链接打不开，90% 是路径或属性写错。 <img> 必须带 src 和 alt，<a></a> 必须带 href，缺一不可。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
src路径写成images/photo.jpg时，要确认文件真在该相对路径下；若图在同级目录，应写./photo.jpg或直接photo.jpg -
href值为contact.html时，确保该文件存在；想新开窗口，得加target="_blank" rel="noopener"，否则有安全风险 -
alt不是可选装饰——它是屏幕阅读器读给视障用户的内容，也是图片加载失败时的备用文字，不能为空
用 <ul></ul>、<ol></ol> 和 <table> 排列表格与列表
<p>列表和表格不是“看起来整齐”才用，而是语义正确性的基础：无序内容用 <code><ul></ul>，有序步骤用 <ol></ol>，二维数据用 <table>。
<ul><li><code><table> 里必须有 <code><tr>（行）包裹 <code><td>（单元格），漏掉 <code><tr> 浏览器会自动补，但结构混乱，后续加样式或 JS 操作容易出错
<li>
<code><ul></ul> 和 <ol></ol> 内部只能直接放 <li>，不能套 <p></p> —— 否则语义断裂，辅助技术可能无法识别列表关系
<table> 是反模式；现在应优先用 <code>display: flex 或 display: grid，表格只用于真正表格数据
为什么加了 <meta charset="UTF-8"> 还出现乱码
这个标签必须放在 最前面，且文件本身编码也得是 UTF-8。编辑器保存时选错编码，比标签写错更常见。
- VS Code 默认保存为 UTF-8，但记事本保存时常选“ANSI”，导致即使写了
<meta charset="UTF-8">，实际文件仍是 GBK 编码，中文照样乱码 - 检查方法：用浏览器开发者工具（F12）→ “网络” → 点开 HTML 文件 → 查看响应头里的
Content-Type是否含charset=utf-8 - 如果服务器返回了
Content-Type: text/html; charset=iso-8859-1，那前端写的<meta>就会被无视——此时需改服务器配置或 .htaccess
<h2></h2> 当样式工具随便加大加粗，却不按逻辑层级组织内容。这会让代码看似能运行，却在可访问性、SEO 和长期维护上埋下硬伤。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
