最近老有人问我，零基础想学做网页该咋整？刷到无数教程都看不懂，那些密密麻麻的代码一看就头大。我自己也是从完全懵逼的状态摸过来的，今天就把自己折腾出第一个网页的全过程捋一遍。
第一步：装家伙事儿
刚开始听说搞网页要下这个软件那个工具的，吓得我想打退堂鼓。后来发现根本不用整那么复杂！直接在我电脑里翻出记事本就开干了。对，就是那个平时记买菜清单的破软件！新建个空白文档，把文件名改成“第一个破网页.html”，完事儿。
第二步：瞎敲第一行鬼画符
打开空白的记事本，手都是抖的。硬着头皮敲了这段玩意儿：
<!DOCTYPE html>
<html>
<head>
<title>我的狗窝首页</title>
</head>
<body>
</body>
</html>
敲完赶紧保存，生怕电脑炸了。双击文件名，浏览器真跳出来个空白页，标题栏还挂着“我的狗窝首页”！当时激动得差点把水杯打翻。
第三步：往网页里塞破烂
看着空白的网页浑身难受，在<body>里面瞎塞东西：
- 用<h1>搞了个超大号标题
- 拿<p>糊了几行乱七八糟的字
- 从手机相册扒了张午饭照片扔进去
捣鼓完的代码长这样：
<body>
<h1>欢迎参观我的狗窝！</h1>
<p>这里啥都没有，别期待了</p>
<img src="午饭.jpg">
</body>
保存完刷新浏览器，嚯！图片大得把字都挤没了！急吼吼上网查了半天，才发现要加个width="300"控制大小。
第四步：给狗窝刷点漆
看着灰扑扑的网页实在寒酸，又往<head>里插了段这玩意儿：
<style>
body { background-color: 米黄色; }
h1 { color: 泥巴色; text-align: center; }
</style>
瞎填了几个颜色名，刷新页面那叫一个辣眼睛！后来才知道颜色要写#F0E68C这种天书代码，整来整去没整明白，干脆直接抄了别人现成的颜色代码。
踩坑总结
- 图片路径搞错三次，浏览器显示个破红叉气得我想砸键盘
- 标签经常忘了关，整个网页错位错成俄罗斯方块
- 改完代码老是忘记保存，对着没变化的网页干瞪眼半小时
搞到晚上十点多，总算折腾出个能看的玩意儿：带标题、有文字、配图片，背景还是屎黄色。截屏发朋友圈嘚瑟，结果前同事跑来问我要不要接私活，说公司急招前端。
你们猜我咋回的？“昨天重装系统把浏览器整没了，现在用记事本看你们网页全是代码”。吓得对方立刻把八千的日薪涨到一万二。呵，就我这三脚猫功夫，去上班不是分分钟露馅？还是继续蹲家里搞我的狗窝网页实在。
