刚开始搞网页那会儿我也是一头雾水，网上教程太多反而不知道从哪下手。后来自己硬着头皮折腾，总结出五个实打实的笨办法，一步步照着干就能整出个能看的页面。过程我记在本子上了，今天翻出来唠唠。
第一步：随便抓个码字工具
我先拿电脑自带的记事本开搞。对！就是那个白底黑字的玩意儿。别纠结软件，人家老手用什么VSCode、Sublime关我屁事。我先打开记事本，啪啪敲了行 <html>，又敲了行 <body>，完事儿保存成“狗窝.html”。双击打开——一片空白。行，说明这破玩意儿能跑。
第二步：死磕几个标签就行
接着我死记硬背了几个铁打的标签，跟背乘法口诀似的：
- 标题：<h1> 到 <h6>（字大点小点而已）
- 段落：<p>（用来塞废话）
- 换行：<br>（不想堆一起就用）
- 图片：<img src="照片.jpg">（放我家狗子靓照）
- 链接：<a href="网址">点我</a>（链到我微博）
在记事本里瞎编了个“爱犬介绍”，塞满标题和段落，顺手插了张狗打哈欠的图。保存，刷新浏览器——文字图片居然老老实实排出来了！虽然丑得跟狗啃过似的。
第三步：套个白布给它穿衣服
光秃秃的页面对我眼睛太残忍。我就琢磨着加点颜色。上网搜“怎么改背景色”，照葫芦画瓢在 <head> 里加了段 <style>。敲了行 body { background-color: #ffe4e1; } ，这粉不拉几的色儿叫“腮红”好像。保存，刷新——整个页面瞬间变得娘们唧唧。再接再厉，又加了 h1 { color: brown; }，标题立马像糊了层巧克力。
第四步：调位置全靠瞎折腾
所有字和图全挤在左上角，看着忒闹心。我试着把狗子照片挪中间去。查了下说可以用 <div> 包起来捣鼓。在 <style> 里给这个框框设了个 text-align: center;。保存刷新——狗子真跑中间去了！成就感就跟拼好乐高似的。又把段落字号调大了点，加了行高让它别太挤。来来回回调了十几次，刷新键都快被我按烂了。
第五步：拖到网上才算完事儿
捣鼓得差不多了，总得显摆下。直接注册了个不要钱的 GitHub账号（新手村福利不用白不用）。把“狗窝.html”和狗子照片打了个包，一股脑拖到GitHub仓库里。按他们指示开了个 GitHub Pages ——等了几分钟，真蹦出来个网址！点开一看，虽然还是土里土气，但确实是我自己折腾出来的玩意儿。乐呵着把链接甩给了几个朋友，特意叮嘱“别嫌丑，老子手敲的！”
网页入门就这回事：选工具→塞标签→涂颜色→挪位置→传上网。甭管多丑，能跑起来就是胜利。我那土味狗窝现在还挂着，当个黑历史警醒自己——谁还不是从乱炖开始的？ 就是得提醒一句：老板要是嫌弃页面太丑要扣钱，这个我可不包售后！（手动狗头）
