最开始的想法

那天瞅着空荡荡的简历，寻思着怎么也得学点能吃饭的手艺。看网上都在说建官网简单，我这零基础小白一跺脚，心说那就从建官网开始捣鼓呗！

动手前的懵逼

一上来就先懵了：满屏的代码看得我眼晕，什么HTML、CSS、JavaScript，跟天书似的。网上教程一堆术语，感觉没个十年八载都搞不明白。后来才悟出来，得先分清谁管谁：

• HTML就是搭骨架，告诉你这里放标题、那里塞张图
• CSS是搞装修的，让标题变红色、图片变圆角全靠它
• JavaScript像遥控器，点个按钮弹出窗口这种活归它管

硬着头皮开搞

找了个免费的代码编辑器，新建了个空白文件，文件名改成“第一个破网页.html”，这事儿就算开张了！

第一阶段：搭架子

照着教程敲了几行：用 <p>写个段落，<h1>搞个大标题，再弄个<img>塞张图。完事儿用浏览器一开——字和图都堆在左上角，丑得亲妈都不认识。

第二阶段：搞装修

又建了个CSS文件，给标题加了个 font-size: 36px;（意思就是字放大到36像素）。结果标题直接冲出屏幕！赶紧改成20px，这才顺眼点。折腾一上午就搞明白怎么居中放图：加个margin: 0 auto;，这破英文语法都搞得我头皮发麻。

第一个惨烈车祸现场

想着整个花活：加个点击按钮换背景色的功能。吭哧吭哧抄了段JavaScript，点完按钮——整个页面直接白了！F12打开开发者工具一看，满屏红字报错。原来是把backgroundColor拼成了backgrounColor，少了个字母d。改完再点，总算从惨白变成荧光绿（还是丑）。

血泪换来的土办法

摔了几次跟头后攒了点经验：

• 代码敲错字母直接全崩——现在我都开着代码提示工具，打前三个字母它自己蹦出来
• 电脑显示好好的，手机上一团乱——后来所有样式前面都加个max-width: 100%;防止图片撑爆屏幕
• 不同浏览器显示效果差十万八千里——现在做完就在Chrome、Firefox、Edge三家轮流点一圈，哪家出问题骂哪家

给新手的糙理糙

折腾半个月搞出个能看的页面后，总结了几条保命技巧：

1. 别死磕！效果做不出来先搜现成代码抄，抄十次就会改了
2. 每次只改一个地方，改完立刻刷新浏览器看，崩了也知道是谁干的
3. 网上免费教程够用了，别急着买课（我买的课还没B站免费的好懂）
4. 电脑装个VS Code编辑器，装个Live Server插件，写完代码自动刷新——省得你疯狂按F5

现在回头看第一个网页，代码乱得像被猫挠过的毛线团。但扔到浏览器里居然能跑！这破烂玩意的代码我至今舍不得删——留着提醒自己：当初从狗屁不通到现在能接单赚钱，也就是摔了百八十次键盘的事。