Visual Studio Code打印html标签快捷写法

使用Visual Studio Code打印html常用标签

• #div打印出下列代码

  <div id="">box</div>

• div[class]{box}打印出下列代码

  <div class="">box</div>

• p.a打印出下列代码

  <p class="a"></p>

• a[]{a标签}*3连续打印出3个a标签

    <a href="">a标签</a>
    <a href="">a标签</a>
    <a href="">a标签</a>

• div>a+span打印如下代码

    <div>
        <a href=""></a>
        <span></span>
    </div>

• div>a^p打印如下代码

    <div>
         <a href=""></a>
    </div>
    <p></p>

• div>a+p打印如下代码

    <div>
          <a href=""></a>
          <p></p>
    </div>

• []代表标签属性，{}标签内容，div.a小点代表属性class，后面的a代表类名,#代表id，^代表和第一个标签平级，+号代表添加+号前面一个平级标签，*号代表重复几个相同的标签，’$代表自动编号，可以有多个$$’。

---

• 无序列表

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

输出效果

• 网
• 网
• 网

---

• 有序列表

  <nav>
    <ol>
        <li>网</li>
        <li>网</li>
        <li>网</li>
    </ol>
  </nav>

  输出效果
  1.网
  2.网
  3.网

---

• 图片标签

  <img src="url.jpg" />

---

• 表格标签

  <form>
      <table border="1">
        <tbody>
          <tr>
            <th>星期一</th>
            <th>星期二</th>
            <th>星期三</th>
            <th>星期四</th>
            <th>星期五</th>
          </tr>
          <tr>
            <td>语文</td>
            <td>数学</td>
            <td>语文</td>
            <td>数学</td>
            <td>语文</td>
          </tr>
          <tr>
            <td rowspan="2">数学</td>
            <td>语文</td>
            <td>数学</td>
            <td>语文</td>
            <td>数学</td>
          </tr>
          <tr>
            <td>数学</td>
            <td>语文</td>
            <td colspan="2">数学</td>
          </tr>
        </tbody>
     </table>
  </form>

星期一	星期二	星期三	星期四	星期五
语文	数学	语文	数学	语文
.	语文	数学	语文	数学
数学	语文	数学	语文	.

---

• 内联框架跳转

  <iframe src="http://www.163.com" name="if" frameborder="0"> </iframe>
    <a href="http://www.qq.com" target="if">跳转iframe内联框架</a>