HTML相关标签
创始人
2024-06-01 03:50:19
0

HTML相关标签

  • 标签和属性
      • 文件标签
      • 文本标签
      • 图片标签
      • 列表标签
      • 链接标签
      • 块标签
      • 语义化标签
      • 表格标签

标签和属性

文件标签

  • : html文档的根标签
    
  • : 头标签  用于指定html文档的一些属性  引入外部资源
    
  • : 标题标签
    </code></pre> </li><li> <pre><code><body>: 体标签
    </code></pre> </li><li> <pre><code><!DOCTYPE>: html5中定义该文档是html文档
    </code></pre> </li></ul> 
    <h3>文本标签</h3> 
    <ul><li> <pre><code>注释:<!--注释内容-->
    </code></pre> </li><li> <pre><code><h1> to <h6> : 标题标签
    </code></pre> </li><li> <pre><code><p> : 段落标签
    </code></pre> </li><li> <pre><code><br>  : 换行标签
    </code></pre> </li><li> <pre><code><hr> : 展示一条水平线
    </code></pre> <ul><li>属性: <ul><li>color : 颜色</li><li>width : 宽度</li><li>size : 高度</li><li>align : 对齐方式 <ul><li>center : 居中</li><li>left : 左对齐</li><li>right : 左对齐</li></ul> </li></ul> </li></ul> </li><li> <pre><code><b> : 字体加粗
    </code></pre> </li><li> <pre><code><i> : 字体斜体
    </code></pre> </li><li> <pre><code><font> 字体标签
    </code></pre> <ul><li>属性 <ul><li>color : 颜色</li><li>size : 大小</li><li>face : 字体</li></ul> </li></ul> </li><li> <pre><code><center>
    </code></pre> </li><li> <p>属性定义</p> <ul><li>color: <ul><li>英文单词 : red green blue …</li><li>rgb(值,1值2,值3) : 值得范围 : 0~255 如 : rgb(0,0,255_</li><li>#值1值2值3 : 值的范围 : 00~FF之间 如 : #FF00FF</li></ul> </li><li>width: <ul><li>数值 : width=“20” ,数值单位默认是px(像素)</li><li>数值%: 占比相对于父元素的比例</li></ul> </li></ul> </li></ul> 
    <h3>图片标签</h3> 
    <ul><li> <pre><code><img src="路径" alt="图片显示不出来时的图片名字">
    </code></pre> </li><li> <p>绝对路径</p> <ul><li>以盘符开始的路径</li></ul> </li><li> <p>相对路径</p> <ul><li>相对于此html文件</li><li>./ 代表当前目录</li><li>…/ 代表上一级目录</li><li>什么都不写 相当于./</li></ul> </li></ul> 
    <h3>列表标签</h3> 
    <ul><li>有序列表 <ul><li>ol <ul><li>属性: type = “A” “a” “I” “i” “1”</li></ul> </li><li>li</li></ul> </li><li>无序列表 <ul><li>ul</li><li>li</li></ul> </li></ul> 
    <h3>链接标签</h3> 
    <ul><li>a : 定义一个超链接 <ul><li>属性: <ul><li>href :指定访问资源URL</li><li>target: 指定打开资源方式 <ul><li>_self:默认值,在当前页面打开</li><li>_blank:在空白页面打开</li></ul> </li></ul> </li></ul> </li></ul> 
    <h3>块标签</h3> 
    <ul><li> <pre><code><div>   每一个div占满一整行  块级标签
    </code></pre> </li><li> <pre><code><span>    文本信息在一行展示  行内标签   内联标签
    </code></pre> </li></ul> 
    <h3>语义化标签</h3> 
    <ul><li> <header>页眉 </header></li><li> <footer>页脚 </footer></li></ul> 
    <h3>表格标签</h3> 
    <ul><li>table 定义表格 <ul><li>width :宽度</li><li>border :边框</li><li>cellpadding :定义内容和单元格的</li><li>cellspacing :定义单元格之间的距离 如果指定为 则单元格的会合为一条</li><li>bgcolor :背景色</li><li>align :对齐方式</li></ul> </li><li>tr 定义行 <ul><li>bgcolor :背景色</li><li>align :对齐方式</li></ul> </li><li>td 定义单元格 <ul><li>colspan :合并列</li><li>rowspan :合并行</li></ul> </li><li>th 定义表头单元格</li><li> :表格标题 </li><li> :表示表格的头部分</li><li> :表示表格的体部分 </li><li> 表示表格的脚部分 </li></ul><link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/markdown_views-0407448025.css" rel="stylesheet"><link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/style-bb308a51ed.css" rel="stylesheet">                <!--end::Text-->
                </div>
                <!--end::Description-->
                <div class="mt-5">
                    <!--关键词搜索-->
                    
                    <a href="/index.php?s=news&c=search&keyword=%E8%AF%8D%E5%BA%93%E5%8A%A0%E8%BD%BD%E9%94%99%E8%AF%AF%3A%E6%9C%AA%E8%83%BD%E6%89%BE%E5%88%B0%E6%96%87%E4%BB%B6%E2%80%9CE%3A%5Chighferrum_mysql%5CConfiguration%5CDict_Stopwords.txt%E2%80%9D%E3%80%82" class="badge badge-light-primary fw-bold my-2" target="_blank">词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。</a>
                                </div>
                <div class="mt-5">
                    <p class="fc-show-prev-next">
                        <strong>上一篇:</strong><a href="/news/17445.html">QML 模型(ListModel)</a><br>
                    </p>
                    <p class="fc-show-prev-next">
                        <strong>下一篇:</strong><a href="/news/17447.html">windows应用(vc++2022)MFC基础到实战(3)-基础(3)</a>                </p>
                </div>
                <!--begin::Block-->
                <div class="d-flex flex-stack mb-2 mt-10">
                    <!--begin::Title-->
                    <h3 class="text-dark fs-5 fw-bold text-gray-800">相关内容</h3>
                    <!--end::Title-->
                </div>
                <div class="separator separator-dashed mb-9"></div>
                <!--end::Block-->
                <div class="row g-10">
                    
    
                </div>
    
    
            </div>
            <!--end::Table widget 14-->
        </div>
        <!--end::Col-->
    
        <!--begin::Col-->
        <div class="col-xl-4 mt-0">
            <!--begin::Chart Widget 35-->
            <div class="card card-flush h-md-100">
                <!--begin::Header-->
                <div class="card-header pt-5 ">
                    <!--begin::Title-->
                    <h3 class="card-title align-items-start flex-column">
                        <!--begin::Statistics-->
                        <div class="d-flex align-items-center mb-2">
                            <!--begin::Currency-->
                            <span class="fs-5 fw-bold text-gray-800 ">热门资讯</span>
                            <!--end::Currency-->
                        </div>
                        <!--end::Statistics-->
                    </h3>
                    <!--end::Title-->
                </div>
                <!--end::Header-->
                <!--begin::Body-->
                <div class="card-body pt-3">
    
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52164.html" class="text-dark fw-bold text-hover-primary fs-6"> 庐山的导游词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">关于庐山的导游词5篇  “不识庐山真面目,只缘身在此山中”,相信很多人都读过这首古诗,庐山亦是我国非...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('http://www.hxlib.cn/d/file/img/1.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52163.html" class="text-dark fw-bold text-hover-primary fs-6"> 峨眉山和乐山大佛英文导游词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">峨眉山和乐山大佛英文导游词  乐山大佛,又名凌云大佛,位于四川省乐山市南岷江东岸凌云寺侧,濒大渡河、...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52162.html" class="text-dark fw-bold text-hover-primary fs-6"> 澄江抚仙湖导游词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">澄江抚仙湖导游词  各位游客:我们知道,云南著名的三大湖泊分别是滇池、洱海和抚仙湖。下面我们将去追踪...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('http://www.hxlib.cn/d/file/img/30.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52161.html" class="text-dark fw-bold text-hover-primary fs-6"> 导游词的写法</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">导游词的写法  导游词是导游人员引导游客观光游览时的讲解词,是导游员同游客交流思想,向游客传播文化知...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52160.html" class="text-dark fw-bold text-hover-primary fs-6"> 满洲里俄罗斯套娃广场导游词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">满洲里俄罗斯套娃广场导游词  俄罗斯套娃广场是满洲里标志性旅游景区,广场集中体现了满洲里中、俄、蒙三...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('http://www.hxlib.cn/d/file/img/43.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52159.html" class="text-dark fw-bold text-hover-primary fs-6"> 连云港大伊山导游词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">连云港大伊山导游词  作为一名优秀的导游,有必要进行细致的导游词准备工作,导游词是导游员同游客交流思...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52158.html" class="text-dark fw-bold text-hover-primary fs-6"> 介绍丽江古城的导游词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">介绍丽江古城的导游词  丽江古城是联合国教科文组织确认的“世界文化遗产”和国务院公布的“中国历史文化...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52156.html" class="text-dark fw-bold text-hover-primary fs-6"> 汾河公园导游词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">汾河公园导游词7篇  作为一位兢兢业业的旅游从业人员,时常需要用到导游词,导游词由引言、主体和结语三...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('http://www.hxlib.cn/d/file/img/30.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52157.html" class="text-dark fw-bold text-hover-primary fs-6"> 陕西大雁塔导游词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">陕西大雁塔导游词7篇  作为一名尽职尽责的导游,时常要开展导游词准备工作,导游词是导游员同游客交流思...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52154.html" class="text-dark fw-bold text-hover-primary fs-6"> 北京八达岭长城旅游导游介绍词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">北京八达岭长城旅游导游介绍词  各位游客,你们好,欢迎来到八达岭长城。今天由我为大家做导游,在这里祝...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52155.html" class="text-dark fw-bold text-hover-primary fs-6"> 灵山大佛完整导游词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">灵山大佛完整导游词  灵山大佛坐落于无锡马山秦履峰南侧的小灵山地区,该处原为唐宋名刹祥符寺之旧址。下...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('http://www.hxlib.cn/d/file/img/1.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52152.html" class="text-dark fw-bold text-hover-primary fs-6"> 敦煌市鸣沙山和月牙泉风景名胜...</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">敦煌市鸣沙山和月牙泉风景名胜区导游词  鸣沙山和月牙泉风景名胜区位于甘肃省河西走廊西端的敦煌市。敦煌...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52153.html" class="text-dark fw-bold text-hover-primary fs-6"> 虎山长城导游词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">虎山长城导游词  各位游客,大家好!  欢迎大家来到虎山长城观光旅游。很高兴能陪大家一起参观,希望大...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52151.html" class="text-dark fw-bold text-hover-primary fs-6"> 张家界天子山索道的导游词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">张家界天子山索道的导游词  尊敬的各位来宾,各位朋友:  大家好!  今天,我们游览的是张家界武陵源...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('http://www.hxlib.cn/d/file/img/80.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52150.html" class="text-dark fw-bold text-hover-primary fs-6"> 雅鲁藏布大峡谷的导游词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">雅鲁藏布大峡谷的导游词范文(通用12篇)  导游词是导游人员引导游客观光游览时的讲解词,是导游员同游...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52148.html" class="text-dark fw-bold text-hover-primary fs-6"> 广西著名德天瀑布导游词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">广西著名德天瀑布导游词  作为一名专门为游客提供帮助的导游,可能需要进行导游词编写工作,导游词是导游...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('http://www.hxlib.cn/d/file/img/1.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52149.html" class="text-dark fw-bold text-hover-primary fs-6"> 华山导游词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">华山导游词范文  导游词范文一  朋友们:大家好!  欢迎大家来华山观光旅游!今天由我给大家做导游服...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('http://www.hxlib.cn/d/file/img/26.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52147.html" class="text-dark fw-bold text-hover-primary fs-6"> 广东顺德清晖园概况讲解词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">广东顺德清晖园概况讲解词  作为一位出色的导游人员,就难以避免地要准备导游词,导游词是导游员在游览时...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('/static/assets/images/nopic.gif')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52146.html" class="text-dark fw-bold text-hover-primary fs-6"> 贵州兴义万峰湖导游词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">贵州兴义万峰湖导游词  万峰湖位于贵州省黔西南自治州首府兴义市东南部,是中华人民共和国兴义国家地质公...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                                    <!--begin::Item-->
                    <div class="d-flex flex-stack mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-60px symbol-2by3 me-4">
                            <div class="symbol-label" style="background-image: url('http://www.hxlib.cn/d/file/img/24.jpg')"></div>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Title-->
                        <div class="m-0">
                            <a href="/news/52145.html" class="text-dark fw-bold text-hover-primary fs-6"> 扬州个园简介导游词</a>
                            <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">扬州个园简介导游词  导语:扬州的个园,是一座独具风格的名园。它是清嘉庆、道光年间兴建起来的。当时园...</span>
                        </div>
                        <!--end::Title-->
                    </div>
                    
                </div>
                <!--end::Body-->
            </div>
            <!--end::Chart Widget 35-->
        </div>
        <!--end::Col-->
    </div>
    
    
    
    </div>
    <!--end::Content container-->
    </div>
    <!--end::Content-->
    </div>
    <!--end::Content wrapper-->
    <!--begin::Footer-->
    <div id="kt_app_footer" class="app-footer">
        <!--begin::Footer container-->
        <div class="app-container container-xxl d-flex flex-column flex-md-row flex-center flex-md-stack py-3">
            <!--begin::Copyright-->
            <div class="text-dark order-2 order-md-1">
                <span class="text-muted fw-semibold me-1">2025 ©</span>
                华丰美文网        </div>
            <!--end::Copyright-->
            <!--begin::Menu-->
            <ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1">
                            <li class="menu-item">
                    <a href="/news/" target="_blank" class="menu-link px-2">资讯</a>
                </li>
                        </ul>
            <!--end::Menu-->
        </div>
        <!--end::Footer container-->
    </div>
    <!--end::Footer-->
    </div>
    <!--end:::Main-->
    </div>
    <!--end::Wrapper-->
    </div>
    <!--end::Page-->
    </div>
    <!--end::App-->
    <div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">
        <!--begin::Svg Icon | path: icons/duotune/arrows/arr066.svg-->
        <span class="svg-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor"></rect>
                <path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor"></path>
            </svg>
        </span>
        <!--end::Svg Icon-->
    </div>
    <!--begin::Javascript-->
    <script>var hostUrl = "/static/default/pc/";</script>
    <!--begin::Global Javascript Bundle(mandatory for all pages)-->
    <script src="/static/default/pc/plugins/global/plugins.bundle.js"></script>
    <script src="/static/default/pc/js/scripts.bundle.js"></script>
    <!--end::Global Javascript Bundle-->
    
    <!--end::Javascript-->
    </body>
    <!--end::Body-->
    </html>