HTML 学习笔记——标签创建小技巧

作者：花生_TL007 | 2024-03-14 14:11:41

踩

HTML 学习笔记——标签创建小技巧

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Emmrt工具</title>
    </head>
    <body>
        <!-- ! -> tab 可快速生成基本结构 -->
        <!-- / + ctrl 可快速创建注释 -->

        <!-- 标签名{内容} + tab 可自动补全代码 -->
        <h1>这是一级标题</h1>

        <!-- 标签名{内容}*标签重复次数 + tab 可实现多个重复标签的创建 -->
        <h2>这是多个二级标题</h2>
        <h2>这是多个二级标题</h2>
        <h2>这是多个二级标题</h2>
        <h2>这是多个二级标题</h2>

        <!-- 标签${标题文本内容：$}*标签重复次数 + tab 可以实现依次递增的序号-->
        <h1>这是1级标题</h1>
        <h2>这是2级标题</h2>
        <h3>这是3级标题</h3>
        <h4>这是4级标题</h4>
        <h5>这是5级标题</h5>
        <h6>这是6级标题</h6>

        <!-- 父标签名>子标签名{子标签文本}*子标签重复此时 + tab 来实现快速生成嵌套结构 -->
        <!-- ol>li{NO:$}*5 -->
        <ol>
            <li>NO:1</li>
            <li>NO:2</li>
            <li>NO:3</li>
            <li>NO:4</li>
            <li>NO:5</li>
        </ol>

        <!-- ul*5>li{NO:$} -->
        <ul>
            <li>NO:1</li>
        </ul>
        <ul>
            <li>NO:2</li>
        </ul>
        <ul>
            <li>NO:3</li>
        </ul>
        <ul>
            <li>NO:4</li>
        </ul>
        <ul>
            <li>NO:5</li>
        </ul>
    </body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/花生_TL007/article/detail/235068