如何用notepad++来编写HTML网页程序
\u5982\u4f55\u7528notepad++\u6765\u7f16\u5199HTML\u7f51\u9875\u7a0b\u5e8f1.\u53cc\u51fb\u6253\u5f00notepad++\uff0c\u70b9\u51fb\u65b0\u5efa\uff0c\u5982\u4e0b\u56fe\u3002
2.\u8f93\u5165\u6216\u8005\u62f7\u8d1d\u7b2c\u4e00\u4e2aHTML\u7a0b\u5e8f\uff0c\u5982\u4e0b\u56fe\u3002
3.\u70b9\u51fb\u4fdd\u5b58\u6309\u94ae\u6765\u4fdd\u5b58\u6211\u4eec\u521a\u521a\u8f93\u5165\u7684\u6587\u5b57\uff0c\u5982\u4e0b\u56fe\u3002
4.\u6587\u4ef6\u540d\u4e3astart-1\uff0c\u6587\u4ef6\u7c7b\u578b\u4e3a\u8d85\u6587\u672c\u6807\u8bb0\u8bed\u8a00\uff0c\u4e5f\u5c31\u662fhtml\uff0c\u5982\u4e0b\u56fe\u3002\u70b9\u51fb\u786e\u5b9a\u3002
5.\u4fdd\u5b58\u540e\uff0c\u6211\u4eec\u770b\u5230\u6807\u7b7e\u53d8\u6210\u4e86\u6de1\u84dd\u8272\uff0c\u4fbf\u4e8e\u6211\u4eec\u6765\u7f16\u5199\u7f51\u9875\uff0c\u5982\u4e0b\u56fe\u3002
6.\u6253\u5f00\u6211\u4eec\u4fdd\u5b58\u7684start-1\u6587\u4ef6\uff0c\u53f3\u51fb\uff0c\u6253\u5f00\u65b9\u5f0f----360\u6d4f\u89c8\u5668\u6253\u5f00\uff0c\u5982\u4e0b\u56fe\u3002
7.\u7ed3\u679c\u5982\u4e0b\u56fe\u3002
\u7528notepad++\u6765\u7f16\u5199HTML\u7f51\u9875\u7a0b\u5e8f\uff1a
\u6253\u5f00editplus\u7684\u5b89\u88c5\u6587\u4ef6\uff0c\u4f1a\u627e\u5230\u7c7b\u4f3c\u4ee5acp\u7ed3\u5c3e\u7684\u6587\u4ef6\uff0c\u5b83\u5c31\u662f\u4f20\u8bf4\u4e2d\u7684\u81ea\u52a8\u5b8c\u6210\u6587\u4ef6\uff0c\u5b83\u8ba9editplus\u53ef\u4ee5\u6269\u5c55\u4f60\u81ea\u5df1\u7684\u914d\u7f6e\u7684\u81ea\u52a8\u5b8c\u6210\u6587\u4ef6\u3002acp\u6587\u4ef6\u6709\u56db\u4e2a\u89c4\u5219\uff0c\u4e00\u4e2a\u662f\u4ee5#TITLE\u5f00\u5934\u7684\u8868\u793a\u58f0\u660e\uff0c\u5982#TITLE=CSS\u5c31\u8868\u793a\u662fcss\u7684\u81ea\u52a8\u5b8c\u6210\u6587\u4ef6\uff0c\u540c\u7406\u4e5f\u53ef\u4ee5\u5b9a\u4e49html\u7b49\u6587\u4ef6\u7684\u81ea\u52a8\u5b8c\u6210\uff1b\u7b2c\u4e8c\u4e2a\u662f\u4ee5#T\u5f00\u5934\u7684\u8868\u793a\u7b80\u5199\uff0c\u540e\u9762\u7d27\u8ddf\u6240\u8868\u793a\u7684\u5168\u90e8\u4ee3\u7801\uff1b\u7b2c\u4e09\u4e2a\u5c31\u662f\u5206\u53f7;\u4ee3\u8868\u6ce8\u91ca\uff1b\u7b2c\u56db\u4e2a\u662f^!\u8868\u793a\u6307\u9488\u4f4d\u7f6e\u3002\u4e0b\u9762\u4ee5\u4e00\u5c0f\u6bb5html5\u7684\u81ea\u52a8\u5b8c\u6210\u793a\u4f8b
#TITLE=HTML
; EditPlus HTML Auto-Complete File V1.0 - July 2012.
; Written By marvin, http://www.w3cplus.com
#T=#html
^!
#
; Head Elements.
#T=#js
#T=#css
#
\u4e0a\u9762\u5c31\u662f\u4ecehtml5.acp\u4e2d\u622a\u53d6\u7684\u4e00\u90e8\u5206\uff0c\u4e0a\u9762\u8bf4\u7684\u56db\u4e2a\u89c4\u5219\u5728\u8fd9\u91cc\u5bf9\u5e94\u4e0a\u3002\u5982\u679c\u6309\u7167\u8fd9\u4e2a\u81ea\u52a8\u5b8c\u6210\uff0c\u6211\u4eec\u5982\u679c\u9700\u8981\u8f93\u51fa\u90a3\u4e48\u53ea\u9700\u8981\u8f93\u5165#js\u52a0\u4e0a\u7a7a\u683c\uff0c\u5c31\u4f1a\u51fa\u6765\u8fd9\u884c\uff0c\u4e14\u5149\u6807\u5728src\u7684\u5f15\u53f7\u91cc\u9762\u3002\u5f53\u7136\u8fd9\u4e9b\u7b80\u5355\u7684zen coding\u4e5f\u8bb8\u6bd4\u8fd9\u4e2a\u66f4\u65b9\u4fbf\uff0c\u6211\u4eec\u53ef\u4ee5\u7528zen coding\u6765\u5b8c\u6210\u554a\uff0ceditplus\u7684zen coding\u547d\u4ee4\u548cnotepad++\u4e00\u6837\uff0c\u6240\u4ee5\u5b8c\u5168\u53ef\u4ee5\u53c2\u8003\u4e0a\u9762\u90a3\u7bc7notepad++\u7ed3\u5408zen coding\u3002
\u73b0\u5728\u624d\u662f\u6211\u4eeceditplus\u7684\u738b\u9053\uff0c\u4f60\u53ef\u4ee5\u5229\u7528\u81ea\u5df1\u4ee5\u524d\u5f52\u7eb3\u603b\u7ed3\u7684\u77e5\u8bc6\u6765\u81ea\u5b9a\u4e49\u4f60\u81ea\u5df1\u7684\u81ea\u52a8\u5b8c\u6210\uff0c\u8fd9\u624d\u80fd\u4f53\u73b0\u81ea\u52a8\u5b8c\u6210\u7684\u4ef7\u503c\u3002\u4e0b\u9762\u6211\u5148\u4ece\u51e0\u4e2a\u65b9\u9762\u8bf4\u4e0b\u6211\u6700\u8fd1\u609f\u51fa\u6765\u7684\u4e00\u70b9\u7ecf\u9a8c\u4ee5\u4f9b\u53c2\u8003\u3002
打开editplus的安装文件，会找到类似以acp结尾的文件，它就是传说中的自动完成文件，它让editplus可以扩展你自己的配置的自动完成文件。acp文件有四个规则，一个是以#TITLE开头的表示声明，如#TITLE=CSS就表示是css的自动完成文件，同理也可以定义html等文件的自动完成；第二个是以#T开头的表示简写，后面紧跟所表示的全部代码；第三个就是分号;代表注释；第四个是^!表示指针位置。下面以一小段html5的自动完成示例
#TITLE=HTML
; EditPlus HTML Auto-Complete File V1.0 - July 2012.
; Written By marvin, http://www.w3cplus.com
#T=#html
<!DOCTYPE html>
<html lang="en">
<head>
<title>^!</title>
<meta charset="UTF-8" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
</body>
</html>
#
; Head Elements.
#T=#js
<script src="^!"></script>
#T=#css
<link rel="stylesheet" href="^!" />
#
上面就是从html5.acp中截取的一部分，上面说的四个规则在这里对应上。如果按照这个自动完成，我们如果需要输出<script src="^!"></script>那么只需要输入#js加上空格，就会出来这行，且光标在src的引号里面。当然这些简单的zen coding也许比这个更方便，我们可以用zen coding来完成啊，editplus的zen coding命令和notepad++一样，所以完全可以参考上面那篇notepad++结合zen coding。
现在才是我们editplus的王道，你可以利用自己以前归纳总结的知识来自定义你自己的自动完成，这才能体现自动完成的价值。下面我先从几个方面说下我最近悟出来的一点经验以供参考。
后缀名改为.html不是就可以运行吗
绛旓細notepad缂栧啓鐨凥TML浠ｇ爜锛岄渶瑕佸彟瀛樹负.html鏍煎紡鐨勬枃浠讹紝鐢ㄦ祻瑙堝櫒鎵撳紑鎵嶅彲浠ユ甯告樉绀恒傚師鍥狅細notepad灞炰簬鏂囨湰鏂囨。锛屾樉绀虹殑灏辨槸婧愪唬鐮併傝В鍐虫搷浣滄楠ゅ涓嬶細1銆佽繍琛宯otepad锛岃緭鍏ョ紪杈戜唬鐮侊紱2銆佺偣鍑籟鏂囦欢]锛岄夋嫨[鍙﹀瓨涓篯锛3銆佸彟瀛樹负.html绫诲瀷鐨勬枃浠讹紝鐐瑰嚮[淇濆瓨]銆4銆佹晥鏋滃浘濡備笅锛屽彲鐩存帴浣跨敤娴忚鍣ㄦ墦寮銆
绛旓細濡備綍璁剧疆Notepad++鐨勯粯璁よ瑷涓篔ava锛熻澶氱敤鎴峰彲鑳藉凡缁忓帉鍊︿簡姣忔鎵撳紑Notepad++鏃堕兘闇瑕佹墜鍔ㄨ缃瑷鏉ョ紪鍐浠ｇ爜銆備互涓嬫槸璇︾粏浠嬬粛濡備綍灏哊otepad++鐨勯粯璁よ瑷璁剧疆涓篊璇█鍜孞ava璇█鐨勬楠ゃ傝缃甆otepad++榛樿璇█涓篊璇█锛1. 鎵撳紑Notepad++搴旂敤绋嬪簭銆2. 杞埌鈥滆缃濊彍鍗曪紝閫夋嫨鈥滈閫夐」鈥濄3. 鍦ㄢ滈閫夐」鈥濈獥鍙...
绛旓細浣犲ソ锛氬緢绠鍗曞憖锛佺敤璁颁簨鏈垨鏄换浣曚竴涓枃瀛楃紪杈戝櫒閮藉仛寰楀埌锛屽彧瑕佷綘鎳傚緱HTML浠ｇ爜銆傝繖閲岄潰涓嶈繃灏辨槸绮椾綋銆乷l璺焞i鍑犵鍩烘湰浠ｇ爜锛屼緥濡傦細Country Names: Canada 杩欓噷鏄浜屽眰
绛旓細2銆丆璇█寮鍙戠幆澧冿紝涓昏鏈夌紪杈戝櫒銆佺紪璇戝櫒銆侀摼鎺ュ櫒涓夐儴鍒嗙粍鎴愩傚湪windows骞冲彴涓鑸娇鐢ㄩ泦鎴愪簡缂栬緫鍣ㄣ佺紪璇戝櫒銆侀摼鎺ュ櫒鐨剉isual studio闆嗘垚寮鍙戠幆澧冿紝鑰屼笉鏄娇鐢ㄨ浜嬫湰杩欎釜缂栬緫鍣ㄦ潵杩涜缂栫爜銆3銆佸湪windows骞冲彴铏界劧涓鑸笉浣跨敤notepad浣滀负杞欢寮鍙戠殑缂栬緫鍣紝浣嗘槸鍙互浣跨敤notepad++杩欎釜杞欢鏉ョ紪鍐浠ｇ爜锛屼袱鑰呭悕绉扮被浼硷紝...
绛旓細鐢╪otepad涓嶈兘缂栧啓pdf鏍煎紡銆備綘鍙互鐢╝dobe acrobat銆
绛旓細瀹屽叏鍙互鐨勶紝瀹冩槸涓涓紪杈戝櫒锛屽彧璐熻矗缂栬緫锛岃屼笉璐熻矗缂栬瘧杩愯锛屼綘鍙互鐢ㄥ畠缂栬緫鍚庝繚瀛樹负鍚庣紑涓.C鐨勬枃浠躲備絾鎴戜笉鎺ㄨ崘妤间富浣跨敤瀹冿紝闅鹃亾璇翠綘鐢ㄥ畠鍐欎唬鐮佸悗鍐嶆墦寮vc++缂栬瘧杩愯鍚楋紵杩欎笉鏄姝や竴涓惧悧锛熻繖涓蒋浠舵槸涓簀ava寮鍙戝噯澶囩殑銆
绛旓細绗竴姝ワ紝涓嬭浇Notepad++锛屾壘鍒癙lugin Manager銆傛彃浠--->Plugin Manager--->show Plugin Manager銆傚鍥炬墍绀猴細绗簩姝ワ紝瀹夎NppExec鎻掍欢銆侼ppExec鎻掍欢鏄疦otepad++鑷甫鐨勶紝榛樿娌℃湁瀹夎銆傜幇鍦ㄥ畨瑁呬竴涓嬨傚鏋滄病鏈夊彲浠ュ幓缃戜笂涓嬭浇銆傦紙娉細鎴戣繖閲屽凡缁忓畨瑁呬簡锛屾墍浠ョ湅涓嶅埌锛夊鍥炬墍绀猴細绗笁姝ワ紝鏌ョ湅NppExec鎻掍欢鏄惁...
绛旓細HTML鏍囪璇█鏄鏈夊紑濮嬫湁缁撴潫鐨勩備綘 <HEAD>娌℃湁缁撴潫锛屽簲璇ユ槸 <HEAD></HEAD>杩欑閮芥槸鎴愬鍑虹幇鐨勩傝繕鏈変綘涓婇潰 搴旇鏄惂銆
绛旓細闇瑕侀厤缃幆澧冨彉閲弍ath 鍦╬ath涓姞鍏:\Program Files\Java\jdk1.5.0_02\bin 鍏朵腑C:\Program Files\Java\jdk1.5.0_02鎹㈡垚浣犲畨瑁卝ava鐨勭洰褰
绛旓細Notepad++鍙互鐢ㄦ潵鍒朵綔涓鑸殑绾枃瀛楄鏄庢枃浠讹紝缂栧啓璁＄畻鏈虹▼搴忎唬鐮併傚唴缃敮鎸佸杈27绉嶈娉曢珮浜害鏄剧ず(鍖呮嫭鍚勭甯歌鐨勬簮浠ｇ爜銆佽剼鏈紝鑳藉寰堝ソ鍦版敮鎸 .info 鏂囦欢鏌ョ湅)锛岃繕鏀寔鑷畾涔夎瑷锛涘彲鑷姩妫娴嬫枃浠剁被鍨嬶紝鏍规嵁鍏抽敭瀛楁樉绀鸿妭鐐癸紝鑺傜偣鍙嚜鐢辨姌鍙/鎵撳紑锛岃繕鍙樉绀虹缉杩涘紩瀵肩嚎锛屼唬鐮佹樉绀哄緱寰堟湁灞傛鎰燂紱鍙墦寮鍙岀獥鍙...
