前端学习 webstorm ide快速输入html等标签_webstorm快捷输入标签

最新推荐文章于 2024-08-12 00:05:17 发布

2401_85013639

最新推荐文章于 2024-08-12 00:05:17 发布

阅读量393

点赞数 5

分类专栏：程序员文章标签：物联网嵌入式硬件学习

本文链接：https://blog.csdn.net/2401_85013639/article/details/138880341

版权

程序员专栏收录该内容

19 篇文章 0 订阅

订阅专栏

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新

如果你需要这些资料，可以戳这里获取

参考：
前端学习总结（二十）那些你可能不知道却强大方便的WebStorm快捷键
 webstorm批量编辑快捷键【跳转到指定行，批量输入】
Intellij idea 快捷键(1)–生成for循环代码块
 WebStorm快捷键收集

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>webstorm快键键</title>
</head>

<body>

<!--
正常情况：
先输入：<h1
再输入:>
 -->
<h1></h1>

<!--
>：下一个子标签
\*：多少个标签
$：标签的名称序号
{}:标签的内容
-->

<!--输入：h1,按tab键-->
<h1></h1>

<!--输入：div#abc,按Tab键-->
<div id="abc"></div>

<!--输入：div.abc,按Tab键-->
<div class="abc"></div>

<!--输入: div>p\*6 ,按Tab键-->
<div>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
</div>

<!--输入 a[href=#] 按tab键-->
<a href="#"></a>

<!--输入：ul.menu>li\*6>a[href=#]{HTML} 按tab键-->
<ul class="menu">
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
</ul>

<!--输入 ul>li\*5>a[href=#]{我是第$个} 再按tab键-->
<ul>
    <li><a href="#">我是第1个</a></li>
    <li><a href="#">我是第2个</a></li>
    <li><a href="#">我是第3个</a></li>
    <li><a href="#">我是第4个</a></li>
    <li><a href="#">我是第5个</a></li>
</ul>

<!--输入 img[src='images/$.jpg']\*3 再按tab键-->
<img src="images/1.jpg" alt=""> 	
<img src="images/2.jpg" alt=""> 	
<img src="images/3.jpg" alt="">

<!--输入 li\*3>div.img>img[src='images/$.jpg'] 再按tab键-->
<li>
    <div class="img"><img src="images/1.jpg" alt=""></div>
</li>
<li>
    <div class="img"><img src="images/2.jpg" alt=""></div>
</li>
<li>
    <div class="img"><img src="images/3.jpg" alt=""></div>
</li>

</body>
</html>

    <script>
        /\* for循环：输入itar,再点击tab键\*/
        for (var i = 0; i < array.length; i++) {
            var obj = array[i];

        }
    </script>


+ : 并列的标签
<!--div#tab1+div#tab2-->

<div id="tab1"></div>
<div id="tab2"></div>

 
     <!--引入  link   加tab键-->
    <link rel="stylesheet" href="">

    <!--引入css   link:css   加tab键 -->
    <link rel="stylesheet" href="css/mycss.css">
    
    <!--引入js    script:src  加tab键-->
    <script src=""></script> 
    
    <!--html中插入js   script  加tab键-->
    <script></script>

收集整理了一份《2024年最新物联网嵌入式全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升的朋友。