最近不少朋友问我咋学建网站，干脆把去年折腾HTML5的过程捋一遍。那会儿我连标签是啥都不懂，现在倒能攒个简单页面了，关键就这五步：

第一步：装软件差点整崩溃

电脑上就个记事本，寻思写代码不得要专业家伙？结果搜出来一堆VSCode、Sublime啥的，名字都念不利索。随便下了个VSCode，安装完傻眼了——满屏英文！硬着头皮点开设置，把语言切成中文才算活过来。后来发现这玩意儿能自动补全代码，敲半个字母就蹦提示，简直救了我的老命。

第二步：文件瞎存差点丢作业

新建文件直接咔咔写，写完顺手保存成"网站.txt"。用浏览器打开全乱码才反应过来，后缀必须改成html！重命名时手抖按了删除键，半个钟头写的代码全没了...气得捶键盘。学乖了先建文件夹，规规矩矩命名为*，这回终于能显示"Hello World"了，激动得截图发朋友圈。

第三步：标签混乱像揉面团

看教程说div是万金油，管他标题正文全用div包着。结果写出来一坨糊：<div><div>标题</div><div>正文</div></div> 缩进全靠瞎按空格键。后来偷看B站网页代码，才发现人家用h1标签包标题，p标签包段落，改完瞬间清爽。原来semantic（这词还是现查的）就是让代码像超市货架——蔬菜区水果区分明！

第四步：调图片位置逼出强迫症

想整个居中头像，代码写成<img src="自拍.jpg">，图片却死死贴左边。上网抄了段CSSstyle="margin:0 auto"，刷新十遍纹丝不动。瘫椅子上啃苹果时突然开窍——原来没给图片套div！赶紧用<div align="center">包住img标签，苹果核没扔完图片就居中了，乐得直拍大腿。

第五步：颜色搭配丑到睡不着

给导航栏挑颜色时犯蠢，背景色#000000配文字色#333333，暗摸摸一团鬼看得见。用Chrome检查工具对着色块乱戳，发现调RGB数值时，底下实时显示颜色代码。试出#FFD700配#228B22这种辣眼组合后，终于悟了：饱和度调低30%，整个世界都温柔了！

现在回头看那些歪七扭八的代码，乐得不行。菜鸟踩的坑比写的代码都多，但每次搞定个小功能，成就感比吃火锅还爽！