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. web前端(3.16笔记 html 标签

    2024-03-13 01:20:04       35 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-13 01:20:04       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-13 01:20:04       106 阅读
  3. 在Django里面运行非项目文件

    2024-03-13 01:20:04       87 阅读
  4. Python语言-面向对象

    2024-03-13 01:20:04       96 阅读

热门阅读

  1. url中可以包含@吗

    2024-03-13 01:20:04       39 阅读
  2. docker学习笔记——对数据卷的一些简单命令

    2024-03-13 01:20:04       43 阅读
  3. Activiti工作流引擎:流程实例名称模糊查询

    2024-03-13 01:20:04       45 阅读
  4. react hook:useMemo

    2024-03-13 01:20:04       44 阅读
  5. linux设置开机启动慎用nohup

    2024-03-13 01:20:04       43 阅读
  6. PyTorch学习笔记(三)

    2024-03-13 01:20:04       39 阅读
  7. 程序员如何选择职业赛道?

    2024-03-13 01:20:04       53 阅读
  8. Armadillo:矩阵类、向量类、Cube类和泛型类

    2024-03-13 01:20:04       33 阅读
  9. Linux的目录结构(介绍主要的)

    2024-03-13 01:20:04       39 阅读