很多小白一听到“记事本做网站”，脑子里立马浮现出满屏绿色的代码，觉得自己肯定搞不定。其实，记事本只是个编辑器，就像你拿个普通本子也能写出漂亮的日记一样。真正的难点不在于用什么软件写代码，而在于你怎么“排版”才能让网站好看、好用。今天我不讲那些虚头巴脑的理论，直接掏心窝子说说，用记事本搞网站排版，到底该怎么弄才不踩坑。

首先，你得明白一个残酷的现实：用记事本写HTML，就像徒手盖房子，没有现成的砖头（CMS系统）和图纸（模板）。如果你指望靠记事本直接敲出那种高大上的响应式布局，劝你趁早放弃，除非你是大神。对于普通人来说，记事本做网站排版的正确姿势，是“复制+微调”。

第一步，找对模板。别自己去画格子，那是设计师的事。你去网上找一些免费的、结构简单的HTML5模板，下载下来，用记事本打开。这时候你会发现，代码里有一堆class和id，别怕，那是排版的“骨架”。你要做的第一件事，就是看懂这个骨架。通常，一个标准的网页排版分为头部、导航、内容区、侧边栏和底部。在记事本里，你可以通过缩进来判断层级。比如，一个div标签里面套着另一个div，缩进越深，层级越低。记住，排版乱不乱，全看缩进整不整齐。很多人用记事本排版最大的坑，就是缩进乱七八糟，导致浏览器渲染出来的页面错位。所以，养成好习惯，每层缩进两个空格或者一个Tab，这比什么都强。

第二步，改样式。记事本本身不支持样式预览，你得靠浏览器。写完一点，保存一下，刷新浏览器看看效果。这时候，你会发现很多排版问题，比如文字重叠、图片变形。解决这些问题的关键，是CSS。在记事本里，你会看到