内容摘要： html网页制作实验总结 第一次用记事本写HTML时，我把标签拼错了，写成了，浏览器直接给我渲染出一片空白。这种错误在DW里不会发生，因为软件会自动补全。但恰恰是这种“低级错误”，让我真正记住了标

第一次用记事本写HTML时，网页我把标签拼错了，制作总结写成了，实验浏览器直接给我渲染出一片空白。网页这种错误在DW里不会发生，制作总结因为软件会自动补全。实验但恰恰是网页这种“低级错误”，让我真正记住了标签的制作总结结构——不是靠眼睛看，而是实验靠手指敲出来的肌肉记忆。

实验课的网页内容并不复杂：做一个个人主页，要求包含标题、制作总结段落、实验列表、网页图片和超链接。制作总结我选了喜欢的实验乐队做主题，找了一张演唱会照片，用标签插进去的时候，忘了写alt属性。老师说这不行，屏幕阅读器读不出来，视力障碍用户就看不到这张图。我愣了一下，平时看网页从没注意过这些。后来我加了alt="主唱站在聚光灯下"，突然觉得这张图有了声音。

排版是最折磨人的环节。我试着用来布局，把导航栏放在左边单元格，内容放右边。做是能做出来，但代码乱得像打结的耳机线。老师路过看了一眼，说：“你现在可以这样写，但等你学了CSS，会想把这段代码删掉的。”我没听懂，直到我试着调整列宽——调一个地方，三个单元格跟着错位，改回来又花了一刻钟。那一刻我明白了什么叫“结构跟表现分离”。

后来实验要求加一个表单，我写了文本框、单选按钮和提交键。提交后页面跳转到百度，因为没有写处理脚本。但让我印象最深的是标签。我第一次写单选按钮时，文字和圆点之间没有关联，点文字没反应，只有点那个小圆点才行。加了label之后，整个文字区域都能点了，那种“变顺滑”的感觉，比改对任何bug都让人痛快。

做超链接时出了个笑话。我给“乐队官网”加链接，href写成了“www.band.com”，结果点击后浏览器提示找不到页面——因为我没写“https://”。老师补了一句：“协议是地址的一部分，不是装饰。”这句话我记到现在。技术上是个低级失误，但背后是对URL结构理解的缺失。网页不是一张纸，它是一张网，每个节点都要有准确的坐标。

最后验收的时候，我打开自己做的页面，发现图片加载很慢，因为那张演唱会照片原图有5MB。隔壁同学用了压缩后的版本，几乎秒开。我问他怎么弄的，他说用PS导出时选“Web格式”就行。这种细节课本上没写，但实际做网页天天会遇到。性能不是加分项，是基础项——用户等不了你三秒。

实验做完，我最大的感受是：HTML不难，难的是“想清楚再动手”。我中途为了省事，把样式直接写在标签里，结果想改字体颜色，得翻二十几处。后来重写了一遍，把所有样式放到