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

最新推荐文章于 2024-04-24 09:27:42 发布

Leisureconfused

最新推荐文章于 2024-04-24 09:27:42 发布

阅读量405

点赞数 2

分类专栏： HTML 文章标签： html 学习笔记

本文链接：https://blog.csdn.net/k903161661/article/details/136588386

版权

HTML 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!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>