昨天后台有个小老弟私信问我，说他完全不懂代码，想做个个人主页该从哪儿下手。这不巧了么，今天咱就撸袖子开干，我拿自己第一次做网页那会儿的蠢样儿给你们当教材！
先找趁手的家伙事儿
翻箱倒柜找出我那台用了五年的老笔记本，开机先整三个基础工具：
- 记事的本子（记事本）：就系统自带那个，别整花里胡哨的
- 看网页的家伙（浏览器）：我用的火狐，你随便抓个都行
- 存东西的夹子（文件夹）：桌面上新建个文件夹叫“我的破站”
开搞第一个丑网页
1. 戳开记事本，手抖着敲了第一行：<html> 这玩意儿告诉电脑“老子要做网页了”
2. 接着往里怼：
<head>
<title>我的狗窝首页</title>
</head>
（这标题就是浏览器顶上显示的小字儿）
3. 再往下来个大的：
<body>
<h1>欢迎来我家！</h1>
<p>这里是我瞎折腾的破网页</p>
</body>
4. 补一刀：</html> 收工！
5. 关键动作来了：按住Ctrl+S，文件名写成“狗窝.html”，类型选“所有文件”，手滑存错格式就完蛋！
见证奇迹的时刻
浑身冒汗双击打开“狗窝.html”，浏览器唰地弹出来——好家伙！“欢迎来我家！” 那几个大字儿霸占屏幕，下面还跟着一行小字儿！心脏差点蹦出来。
往里塞点破烂儿
1. 往body里插张猫片：
<img src="猫主子.jpg"> 提前把猫主子照片扔文件夹，写错名字就变红叉！
2. 整点颜色玩玩：
在<body>后面加style="background-color:lightblue;" ，屏幕瞬间蓝得跟中毒似的
3. 憋个链接去隔壁：
<a href="第二个破页.html">去看我家厕所>></a>
（立马新建第二个文件复制粘贴，文件名必须对上！）
掉坑合集（你肯定躲不过）
- 标签少个 > 符号：整个网页裂开
- 中文符号全角冒号：样式当场罢工
- 图片路径写岔了：浏览器给你甩脸子
每次改完记得狂按保存，Ctrl+S按到起火星子才行，浏览器刷新键都要被我戳烂了！
最终成品
折腾两小时就整出三个文件：
- 主页（蓝底白字带猫片）
- 简介页（贴了张自拍吓死人）
- 兴趣页（列了十条都跟吃饭有关） 文件夹点开直接扔浏览器就能看，发给朋友能笑出猪叫。
刚开始写成这德行不丢人！关键是你得亲手把<html></html>抡起来，摔打十遍比看一百遍教程管用。我到现在都留着那个蓝底麻子脸的网页截图，想当初要是怕丑不敢动手，现在还是个键盘侠！
