```html

html在哪里写代码

打开记事本，敲下 <h1>你好</h1>，代码保存为 .html 文件，代码双击——浏览器里立刻蹦出大标题。代码这就是代码最原始的“写代码的地方”。别笑，代码我现在还偶尔这么干，代码尤其想快速验证一个标签效果时。代码很多人以为写 HTML 必须装个什么专业软件，代码其实它跟写日记一样，代码有块能打字的代码地方就行。

但“在哪里写”这个问题，代码问的代码往往不是物理位置，而是代码工具和习惯。我见过刚入行的代码朋友，对着 VS Code 的欢迎界面发愣，不知道从哪新建文件。也见过有人把 HTML 代码直接敲在 Word 里，然后纳闷为什么浏览器不认。所以下面说的这些地方，你按自己顺手的来。

我刚开始学的时候，用记事本写了整整一个月的页面。后来换到 Notepad++，第一次看到标签变成蓝色，激动得跟发现新大陆似的。现在推荐 VS Code 或 Sublime Text，免费、轻快、插件多。VS Code 里新建一个 .html 文件，输入 ! 然后按 Tab，骨架自动生成——这感觉就像有人帮你把画布和颜料都摆好了。

<!DOCTYPE html> <html> <head> <title>我的第一个页面</title> </head> <body> <h1>写在这里</h1> </body> </html>

在线编辑器是另一条路。CodePen、JSFiddle、StackBlitz——打开浏览器就能写，左边敲代码，右边实时看效果。带学生的时候我常让他们先用 CodePen，省去配置环境的麻烦。但注意：在线工具依赖网络，而且有些会偷偷把你的代码公开。写公司项目千万别用。

移动端呢？手机上也能写。我试过在 iPad 上用 Koder 和 Textastic，外接键盘敲 HTML 完全可行。地铁上改个样式，咖啡店里调个布局，比掏笔记本方便。但触屏选代码、精准移动光标还是累，应急可以，长期干活不推荐。

还有一个容易被忽略的地方：浏览器开发者工具。按 F12，切到 Elements 面板，你能直接双击标签改文字、改属性。临时测试某个颜色、某段文案，改完截图发给设计师——这不算“写代码”，但绝对算“改代码”。我经常用它来试 CSS 变量，比来回切编辑器快得多。

那到底该选哪个？我的看法：
- 刚入门：记事本或 VS Code，逼自己手打标签，记住结构。
- 做小练习：CodePen，即时反馈，分享方便。
- 正经项目：VS Code + 本地文件夹，配合 Git 管理。
- 临时改样式：浏览器 DevTools，别开编辑器了。

最后说个真事。上个月帮朋友看一个静态页，他问我“为什么我的 HTML 在手机浏览器里显示成源代码？”我一看，文件后缀是 .txt。所以“在哪里写”之前，先确认你存成了 .html。这听起来像废话，但每年都有新手栽在这上面。

工具不重要，写下去才重要。先打开一个空白文件，敲下 <p>开始</p>，你就已经在了。