今天分享这个实践记录，主要是因为最近帮表弟设计他们班级网站，我一个新手上路，结果踩了无数坑，搞得网站东倒西歪，太丢人了。总结出三个最常见的HTML错误，全是血泪教训。
一、为啥要搞班级网站
事情是这样：表弟班上搞活动，老师说要建个班级网站，结果班上没人懂这个。我拍胸脯说我来，想着用HTML简单拼凑一下就行。谁知道一上手就掉进深渊。
二、设计过程一团糟
我先用Notepad写代码，想着弄个主页挂些照片和通知。第一版出来，我以为完美无缺：加个标题、塞些段落、再加点按钮。结果浏览器一打开，页面乱得像鬼画符。
- 犯的第一个错误：标签不闭合 我搞了个段落没结尾，浏览器直接吞了内容。
- 第二个错误：div乱用 我把所有内容塞进div，整个网站堆成一坨。
- 第三个错误：忘记语义标签 导航菜单用div糊弄，屏幕阅读器报错。
更惨的是，我反复调试，电脑卡死好几次，搞得我凌晨两点还在折腾。
三、修复路上的血泪
发现这些问题后，我气坏了：标签不闭合害得文本全没了。我挨个检查代码，给每个标签加结尾。比如段落写成 标签加个结尾，这才恢复秩序。
然后是div的麻烦：网站结构像迷宫，全靠手工拼凑。我把div拆了用section，效果立马清爽了。
是语义标签问题：导航菜单没header，同学在手机上读不出来。我改成nav标签，这下手机和平板都不再崩溃。
四、最终勉强上线
捣鼓了三天，网站终于能看了：主页不再散架，照片展示正常，通知栏也稳定了。表弟反馈说还行，但我知道自己还差远了。以后再也不装专家了，老老实实从基础练起。
新手做东西就是走弯路，这些错误下次我自己也得避免。
