这⾥笔者⽤sublime编辑器作为⽰范，当然我并不否认VC、webstorm很好⽤，但如果你直接在桌⾯新建⼀个⽂档，那我更加会尊重你的选择。
⼀、关于HTML⽂件基本⾻架
很多初学者本着技（chi）多(bao)不(mei)压(shi)⾝(gan)的求知精神，往往会⼗（bu）分(dong)⽼(bian)实(tong)，直接逐字逐句输⼊以下代码：
如果在写完所有代码后并能够最终成功运⾏，那我可能要恭喜你，HTML⽂件的基本⾻架，你已经基本掌握。但码场如战场，我不会表扬你⼼思细腻，只字不错，毕竟这⾥不是英语四六级考试现场，⼀字不落地写出HTML⽂件的基本⾻架，并不会额外地为你加分。 这⾥，效率⾼于⼀切
为什么不输⼊“!”或者“html:5”试试呢？ 具体过程如下：
这⾥提醒⼀下，请不要有多余的动作，否则笔者⽆法预料会产⽣什么样的后果。 1、打开sublime编辑器 2、点击⽂件，点击新建⽂件
3、将⿏标置于⽂件空⽩处，快捷键Ctrl+S，将⽂件保存为HTML⽂件格式（⽂件名称啥都可以，但请以“.html”为后缀名）
4、回到编辑器，输⼊“!”或者“html:5”，然后tab键 5、结果显⽰如下：
还是熟悉的味道，是不是有解放了全⼈类的感觉。 但是，请注意：
1、请严格按照以上顺序执⾏操作，禁⽌在保存⽂件前输⼊相关字符，否则将⽆法出现你想要的的结果。 2、这个过程没有回车键，只有tab键！只有tab键！只有tab键！呼~，重要的事情说三遍。
⼆、关于列表等重复性操作语句
说到列表，各位能够想到什么？有序？⽆序？好吧，这个真的不重要。看⼀下标题吧，你就知道我要讲什么了，下⾯这个操作相信⼤家可以在10秒钟内搞定：
上⾯这个范例是在HTML⽂件的基本⾻架上加⼊了⼀个ul和⼀个li标签，很容易操作对吧，那么试试以下操作：
不必细数，我直接告诉你有20个li标签，在你感觉眩晕之前，你的第⼀想法是什么？⼀⾏⼀⾏代码去敲 or 快捷键Ctrl+C、Ctrl+V?
想法很好，但怎么说呢，太慢了~ 敲⿊板
输⼊“ul>li*20”，然后tab键，看⼀下下⾯的操作？
有些同志开始举⼀反三了，例如给li标签加⼊相同（重复）的内容，那⼜该如何操作？ 例如下⾯这个例⼦：
继续敲⿊板
输⼊“ul>li{Hello world}*8”，然后tab键，呃，还是看⼀下具体过程吧。
ul>li{Hello world}*8
⼤家试着尝试下列的操作尽管它含有不是列表的成分： div.box>p{Hello world}+ul>li{我爱你中国}*10
Happy Ending~
因篇幅问题不能全部显示，请点此查看更多更全内容