游客发表
你每天打开的每一个网页，背后都是一份HTML文档。右键点击“查看网页源代码”，密密麻麻的尖括号就是它的真面目。浏览器干的事很简单：把这份文档从头到尾读一遍，然后画出你看到的页面。没有魔法，没有黑箱。
我刚开始学的时候，觉得HTML像在写实验报告——每段内容都得用标签包起来。`
`是段落，`
`到``是标题，``是链接。就这么几个东西，组合起来却能撑起整个互联网的信息骨架。浏览器不管你的内容多精彩，它只认标签。标签写错了，页面就塌了。 拿一个最简单的例子说。你在记事本里敲下：
<h1>我的第一个网页</h1> <p>这行字会出现在页面上。</p>
保存成.html文件，双击打开，浏览器就渲染出来了。大标题加粗变大，下面一行普通文字。没什么花哨的，但这就是网页的起点。很多人卡在“我该用什么软件写”这个问题上。其实记事本够用，VS Code更好，但工具不是门槛。门槛是你得理解标签的嵌套关系——谁包着谁，谁和谁是兄弟。
CSS是后来才需要操心的事。HTML负责“有什么”，CSS负责“长什么样”。我见过不少新手一上来就猛调颜色和边距，结果标签结构一团糟，改一个样式崩三个地方。先把内容用正确的标签搭好，像搭积木一样，再刷漆。顺序反了，后面全是债。
说到具体案例，我帮朋友改过一个页面。他用`
`包了所有东西，标题也是``，段落也是``，整份文档里找不到一个``或`
`。页面看起来没问题，但搜索引擎读不懂，屏幕阅读器也读不懂。这就是“能显示”和“写对了”的区别。浏览器宽容度极高，你写错了它照样渲染，但代价是别人替你买单。
JavaScript让页面动起来。点击按钮弹出提示，滚动加载新内容，表单提交不刷新页面——都是JS在干活。不过入门阶段别急着碰它。HTML和CSS的基础打牢了，JS学起来才不拧巴。我见过太多人三件套一起上，最后分不清哪行代码该写在哪。
再提一个真实场景。你在浏览器里按F12打开开发者工具，切到Elements面板，能看到当前页面的DOM树。那不是你写的HTML源码，是浏览器解析后重新构建的结构。有时候你写的标签没闭合，浏览器会自动帮你补上，但补的位置可能跟你预想的不一样。这就是为什么标签闭合这件事，再怎么强调都不为过。
学web前端，第一周的目标不是做出漂亮的页面。是能看着一份HTML文档，准确说出每个标签的作用和嵌套关系。这个底子打好了，后面学CSS布局、学响应式设计、学框架，都是在上面叠东西。底子歪了，叠得越高越危险。
打开你的编辑器，新建一个index.html，敲下`
Hello
`，保存，双击。就这么简单。剩下的，一行一行来。
友情链接
拿一个最简单的例子说。你在记事本里敲下：
<h1>我的第一个网页</h1> <p>这行字会出现在页面上。</p>保存成.html文件，双击打开，浏览器就渲染出来了。大标题加粗变大，下面一行普通文字。没什么花哨的，但这就是网页的起点。很多人卡在“我该用什么软件写”这个问题上。其实记事本够用，VS Code更好，但工具不是门槛。门槛是你得理解标签的嵌套关系——谁包着谁，谁和谁是兄弟。
CSS是后来才需要操心的事。HTML负责“有什么”，CSS负责“长什么样”。我见过不少新手一上来就猛调颜色和边距，结果标签结构一团糟，改一个样式崩三个地方。先把内容用正确的标签搭好，像搭积木一样，再刷漆。顺序反了，后面全是债。
说到具体案例，我帮朋友改过一个页面。他用`
`或`
`。页面看起来没问题，但搜索引擎读不懂，屏幕阅读器也读不懂。这就是“能显示”和“写对了”的区别。浏览器宽容度极高，你写错了它照样渲染，但代价是别人替你买单。
JavaScript让页面动起来。点击按钮弹出提示，滚动加载新内容，表单提交不刷新页面——都是JS在干活。不过入门阶段别急着碰它。HTML和CSS的基础打牢了，JS学起来才不拧巴。我见过太多人三件套一起上，最后分不清哪行代码该写在哪。
再提一个真实场景。你在浏览器里按F12打开开发者工具，切到Elements面板，能看到当前页面的DOM树。那不是你写的HTML源码，是浏览器解析后重新构建的结构。有时候你写的标签没闭合，浏览器会自动帮你补上，但补的位置可能跟你预想的不一样。这就是为什么标签闭合这件事，再怎么强调都不为过。
学web前端，第一周的目标不是做出漂亮的页面。是能看着一份HTML文档，准确说出每个标签的作用和嵌套关系。这个底子打好了，后面学CSS布局、学响应式设计、学框架，都是在上面叠东西。底子歪了，叠得越高越危险。
打开你的编辑器，新建一个index.html，敲下`
Hello
`，保存，双击。就这么简单。剩下的，一行一行来。友情链接