如何用notepad++来编写HTML网页程序

如何用notepad++来编写HTML网页程序,第1张

用notepad++来编写HTML网页程序:

打开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的王道,你可以利用自己以前归纳总结的知识来自定义你自己的自动完成,这才能体现自动完成的价值。下面我先从几个方面说下我最近悟出来的一点经验以供参考。

不知道你要的时间段是怎么分的,那我就根据我划分的时间段:

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>时间段提示</title>

<script>

var date=new Date()

var h=date.getHours()//获取当前时间

if(h>=0&&h<12){

alert('早上好!')

}else if(h>=12 &&h<18){

alert('下午好!')

}else if(h>=18 &&h<=24){

alert('晚上好!')

}

</script>

</head>

希望对你有用。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6139796.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存