VsCode快捷生成HTML代码

最新推荐文章于 2024-08-02 19:39:10 发布

雷加祥

最新推荐文章于 2024-08-02 19:39:10 发布

阅读量1k

点赞数 2

分类专栏：经验之谈文章标签： html

本文链接：https://blog.csdn.net/m0_37408390/article/details/107134041

版权

经验之谈专栏收录该内容

6 篇文章 0 订阅

订阅专栏

    <!-- 输入 .div -->
    <div class="div"></div>

    <!-- 输入 #div -->
    <div id="div"></div>

    <!-- 输入 text{文字} -->
    <text>文字</text>

    <!-- 输入 text{文字$}*3 -->
    <text>文字1</text>
    <text>文字2</text>
    <text>文字3</text>

    <!-- 输入 img[src=./images/1.png] -->
    <img src="./images/1.png" alt="">
    <img src="./images/2.png" alt="">
    <img src="./images/3.png" alt="">

    <!-- 输入 div>div>span>p-->
    <div>
      <div>
        <span>
          <p></p>
        </span>
      </div>
    </div>

    <!-- 输入 div>img+text-->
    <div>
      <img src="" alt="">
      <text></text>
    </div>

    <!-- 输入 (div>h1)+(div>h2)-->
    <div>
      <h1></h1>
    </div>
    <div>
      <h2></h2>
    </div>

    <!-- 输入 ul>li.item$*3-->
    <ul>
      <li class="item1"></li>
      <li class="item2"></li>
      <li class="item3"></li>
    </ul>

    <!-- 输入 div.one>(div.two>img[src="./images/i$.png"]+p)*3-->
    <div class="one">
      <div class="two">
        <img src="./images/i1.png" alt="">
        <p></p>
      </div>
      <div class="two">
        <img src="./images/i2.png" alt="">
        <p></p>
      </div>
      <div class="two">
        <img src="./images/i3.png" alt="">
        <p></p>
      </div>
    </div>