快速生成HTML结构语法（HTML、CSS）

最新推荐文章于 2024-04-18 12:07:41 发布

不易撞的网名

最新推荐文章于 2024-04-18 12:07:41 发布

阅读量699

点赞数

分类专栏：前端文章标签： html css

本文链接：https://blog.csdn.net/weixin_50569789/article/details/119536052

版权

前端专栏收录该内容

264 篇文章 5 订阅

订阅专栏

快速生成HTML结构语法（HTML、CSS）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>快速生成HTML结构语法</title>
</head>
<body>
    <div></div>    <!--  写上div 按下tab键即可生成 -->

<!--     div*10  后按下tab键即可 -->
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>


   <!--   写上 ul>li 按下tab键即可生成 -->
    <ul>
        <li></li>
    </ul>     

  <!--   写上 div>span（即div包含span）  按下tab键即可生成 -->
    <div>
        <span></span>
    </div>


  <!--    写上div+p 按下tab键即可生成 -->
    <div></div>
    <p></p>
         

   <!--  写上.nav按下tab键即可生成 -->
    <div class="nav"></div>


   <!--  写上#nav 按下tab键即可生成 -->
    <div id="nav"></div>

  <!--   若要用p去书写，写上p.one按下tap键即可生成 -->
    <p class="one"></p>

 <!--若要用p去书写，写上p#one按下tap键即可生成 -->
    <p id="one"></p>

<!-- 要使用其他标签 方法相同 -->



<!-- 
如有要有顺序的  则： 写上.nav$*5 按下tab键即可生成 -->
          <div class="nav1"></div>
          <div class="nav2"></div>
          <div class="nav3"></div>
          <div class="nav4"></div>
          <div class="nav5"></div>

         <!-- 要使生成的标签里面默认几个文字 则写上 div{***}按下tab键即可生成 -->
          <div>你好</div>

         <!--  要使生成的标签里面默认几个文字 则写上 div{***}按下tab键即可生成     div{***}*5   则输出5次 -->
        <div>你好</div>
        <div>你好</div>
        <div>你好</div>
        <div>你好</div>
        <div>你好</div>

      <!--   要使生成的标签里面默认几个文字 则写上 div{***}按下tab键即可生成     div{***}*5   则输出5次  若要让它进行1-5排序
        则  div{$}*5 -->
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
        <div>5</div>

</body>
</html>

不易撞的网名

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
快速生成HTML结构语法（HTML、CSS）

快速生成HTML结构语法（HTML、CSS）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>快速生成HTML结构语法</title></head>&lt
复制链接

扫一扫