今天来聊聊我这个半吊子博主是怎么搞定HTML页面制作的，记得去年刚上手时，那叫一个惨不忍睹，所以趁着有空，把这回实践从头到尾分享给各位小白们，看完能少走弯路。
为啥突然折腾这个玩意儿？
说来挺傻的，我平时爱瞎写点博客，一看网站后台全是别人搞的模板，就觉得自己也得试试。结果，打开个空白页面就懵逼了，啥也不懂，纯新手起步，硬着头皮开干呗。
第一步：从零开始摆弄代码
我先打开个记事本，想着写个最简单的页面看看。敲了<html>标签，但忘了加结尾的</html>，页面一打开全乱了，跟打翻的颜料盒似的。后来翻了点别人分享的例子，才记住所有标签都得配对关好，不然就是瞎忙活。
- 比如做个标题，用了<h1>，结尾不补上</h1>，整个文章都歪了。
- 再加个段落<p>，结尾丢了，页面字体全变小了，看着跟蚂蚁爬一样。
遇到大坑：图片和链接整不明白
接下来想塞张图进去，以为直接复制粘贴就行，结果图片死活不显示，页面一片空白。查了半天才发现，文件路径弄错了，图片放在另一个文件夹，可路径没写对，折腾得我晚饭都凉了。解决办法就是别瞎省事，从头写明白路径，别像我想走捷径那样瞎蒙。
- 另外做个点击按钮的链接，用了<a>标签，但没加href属性，点上去啥反应没有，还以为是电脑坏了。
- 更蠢的是，表格<table>行少了结束标签，数据全都堆一起，难看死了。
收尾搞砸：布局全乱了
想弄个好看点的布局，加了点CSS试试，但没分好层次，页面挤成一坨，电脑上看还行，手机上一打开完全变了样。没办法，重头把代码扒拉一遍，挨个检查标签配对，发现漏了几个闭合的，补上后瞬间顺眼多了，不用再折腾半夜了。
整个搞下来，从懵圈到成品，累得我够呛，但好歹页面能看了，记住这几点：标签配好对，路径别乱抄，布局慢慢来。小白们学我的教训，可别犯同样傻事儿，不然跟我一样抓狂。
