• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > 网站建设 > 在notepad++编辑器中快速编辑代码

    在notepad++编辑器中快速编辑代码

    作者: 分类:网站建设 点击: 2,333 次
    wordpress CMS主题:ssmay主题

      前文我们介绍过“如何在notepad++编辑器中安装 emmet 快速编辑插件”,本文我们再来介绍一下,如何在安装了 emmet插件notepad++编辑器中快速编辑代码。所谓快速,只是针对常用的html代码标签而言。下面就一起来看看常用的快速编辑简码。

      一、html5 : 输入一个 !  或 html:5  ,就可输出如下代码:

      <!doctype html>
      <html lang="en">
      <head>
      <meta charset="UTF-8">
      <title>Document</title>
      </head>
      <body>
      </body>
      </html>

      二、html4 : 输入html:4s

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
      <html lang="en">
      <head>
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
      <title>Document</title>
      </head>
      <body>
      </body>
      </html>

      三、其它常用标签

      缩写:a:link <a href="http://"></a>
      缩写:link <link rel="stylesheet" href="" />
      缩写:link:css <link rel="stylesheet" href="style.css" />
      缩写:link:print <link rel="stylesheet" href="print.css" media="print" />
      缩写:link:favicon <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
      缩写:meta:utf <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
      缩写:script:src <script src=""></script>
      缩写:form:post <form action="" method="post"></form>
      缩写:input:h <input type="hidden" name="" />
      缩写:input:t <input type="text" name="" id="" />
      缩写:input:email <input type="email" name="" id="" />
      缩写:input:url <input type="url" name="" id="" />
      缩写:input:p <input type="password" name="" id="" />
      缩写:input:c <input type="checkbox" name="" id="" />
      缩写:input:f <input type="file" name="" id="" />
      缩写:input:s <input type="submit" value="" />

      四、常规语法:

      1、后代:>     缩写:nav>ul>li

      <nav>
      <ul>
      <li></li>
      </ul>
      </nav>

      2、兄弟:+    缩写:div+p+bq

      <div></div>
      <p></p>
      <blockquote></blockquote>

      3、分组:()     缩写:div>(header>ul>li*2>a)+footer>p

      <div>
      <header>
      <ul>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      </ul>
      </header>
      <footer>
      <p></p>
      </footer>
      </div>

      4、乘法:*   缩写:ul>li*5

      <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      </ul>

      5、ID和类属性

      缩写:#header <div id="header"></div>
      缩写:.title <div class="title"></div>
      缩写:form#search.wide <form id="search" class="wide"></form>
      缩写:p.class1.class2.class3 <p class="class1 class2 class3"></p>

      以上是我在使用notepad++快速编辑插件时所经常使用到的快捷方法,使用它们可以大大地节省我们在编辑html代码的时间,有效提升我们的编程效率。



      QQ二维码

    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201602275022.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.