制作html网页

打开记事本，制作敲下<h1>我的网页第一个网页</h1>，保存为index.html。制作双击这个文件，网页浏览器弹出一行黑字。制作就这么简单，网页一个网页诞生了。制作很多人把HTML想得太复杂，网页以为要装一堆软件、制作学几年才能动手。网页其实HTML就是制作给内容贴标签，告诉浏览器“这是网页标题”“这是段落”“这是图片”。浏览器负责把标签翻译成人能看的制作东西。

我第一回写HTML是网页二十年前，用Dreamweaver拖控件，制作生成一堆嵌套表格。后来发现手写更快。现在写网页，结构就三样：html、head、body。head里放meta和title，body里放给人看的内容。别的都是在这三样上长出来的。

标签是给内容分类，不是排版

新手常犯的错，是把HTML当Word用。想加粗就<b>，想换行就<br>，想缩进就敲空格。这么干页面能看，但结构是烂的。搜索引擎读不懂，屏幕阅读器念不顺，手机上也乱套。

正确的做法是先想内容是什么。一段话用<p>，一个标题用<h1>到<h6>，一组并列项用<ul>或<ol>。排版交给CSS。我见过一个页面，作者用<br>堆出间距，改一次字号全崩。后来把<br>删掉，换成<p>加margin，十分钟搞定。

有个具体例子。我帮朋友改他的个人主页，导航栏全是<div>加onclick。我问他为什么不用<a>。他说<a>带下划线难看。我说下划线是CSS管的，你写<a href="#">首页</a>，再加一句a{ text-decoration:none}，问题就没了。他照做，代码少了一半，手机上也正常了。

从静态到动态，只差一个script标签

HTML本身不会动。想点按钮弹窗，得加<script>。我最早学的JS是alert("你好")，写在<script>里，刷新页面就弹。现在写交互，还是这个套路，只是逻辑复杂了。

拿一个待办清单举例。HTML部分：一个输入框<input>，一个按钮<button>，一个空列表<ul>。JS部分：按钮点击时，读输入框的值，创建<li>，塞进<ul>。就这几行，一个能用的工具就出来了。不需要框架，不需要构建工具。浏览器自带解析器，双击文件就能跑。

有人问要不要学React或Vue。我的看法是：先把原生HTML、CSS、JS写熟。知道DOM怎么查、事件怎么绑、样式怎么算。再去用框架，你会明白它帮你省了什么。反过来，直接上框架，遇到问题连从哪查都不知道。

调试是写网页的日常

写HTML不可能一次就对。标签没闭合、属性拼错、路径写反，都是常事。浏览器按F12，Elements面板里看结构，Console里看报错。我习惯先写骨架，再填内容，最后调样式。骨架阶段就用浏览器打开，确保每个标签都正确嵌套。

有个细节：<img>的alt属性别偷懒。图片加载失败时，alt会显示出来。屏幕阅读器也靠它描述图片。我见过一个电商页面，所有商品图alt都是“图片”。视障用户听到的就是“图片、图片、图片”。改成“红色运动鞋侧面图”，体验完全不同。

HTML不神秘。它是一套标记规则，用来描述网页内容的结构。学它不需要天赋，需要的是动手。打开编辑器，写几行，保存，刷新。错了就改。改多了，自然就熟了。别光看教程，教程看完就忘。自己写一个页面，哪怕只有一行字，那也是你的。