第一个可运行HTML页面需用记事本保存为UTF-8编码、.html后缀的纯文本文件，包含<!DOCTYPE html>、<html>、<head><title>和<body>四部分，缺一不可。
零基础学HTML，不需要编程经验，也不用装一堆工具——写完保存为.html文件，双击就能在浏览器里看到效果。关键不是背标签，而是立刻动手搭出能运行的页面。
怎么快速写出第一个可运行的HTML页面
别从“什么是标签”开始，直接复制粘贴这个最小可用结构，改两行字就能看到结果：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>我的页面</title> </head> <body> <h1>你好，世界！</h1> <p>这是第一个段落。</p> </body> </html>
说明：
-
lang="zh-CN"和meta charset="UTF-8"必须写，否则中文可能乱码或读屏软件识别错 -
<h1>和<p>是唯二需要立刻掌握的语义标签，一个表主标题，一个包正文段落 - 保存时文件名必须带
.html后缀（如index.html），不能是.txt或没后缀 - 双击打开后如果空白，大概率是编码没设对，检查
meta charset是否拼错或漏写
新手最容易卡住的三个地方
不是语法难，而是环境和习惯问题：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
- 用记事本写完保存时，**默认类型是“文本文档”**，必须手动选“所有文件”，否则实际存成
index.html.txt，浏览器打不开 - 修改代码后刷新页面没变化？先确认是否保存了，再按
Ctrl+F5强制刷新（普通F5可能读缓存） - 标签写错大小写（比如
<P>）或漏斜杠（</p）通常不影响显示——HTML容错性强，但会干扰后续学CSS/JS，建议从第一天就写小写、闭合完整
接下来两周该练什么，而不是学什么
放弃“系统学完再做项目”的想法，按真实使用频率推进：
- 第1–2天：只练
<a href="xxx">和<img src="xxx" alt="xxx">，做一页含3个链接+2张本地图片的个人简介页 - 第3–5天：加
<ul>/<ol>列表，把“我的技能”“常用网站”分别列出来；用<strong>和<em>替代<b>/<i>（后者只是样式，前者带语义） - 第6–14天：引入
<header>、<nav>、<main>、<footer>四个语义标签，把上一步的页面结构重排一遍——这不是炫技，是让Chrome开发者工具的Elements面板一眼看清逻辑
VS Code比记事本强在哪，值不值得换
值得，而且换得越早越好，核心就三点：
- 自动补全标签：输入
<h按回车，自动变成<h1></h1>并把光标定位在中间，省去手动敲闭合标签 - 实时错误提示：漏写
</body>或属性引号不匹配，左侧会标红波浪线，不用等打开浏览器才发现白屏 - 一键预览：装好
Open in Browser插件后，右键 → “Open in Default Browser”，改完代码点一下就刷新，不用反复找文件双击
真正容易被忽略的是：语义标签本身不改变样式，但它是后续用CSS精准控制布局、用JavaScript准确选取元素、让搜索引擎和读屏器理解内容的前提——很多人卡在“写了但没生效”，其实是没意识到HTML的语义层和表现层是分离的。
