html入门学习
创始人
2025-05-29 08:35:41
0次
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
HTML元素
定义 HTML 文档。
定义关于文档的信息。
定义文档的标题。
<body> 定义文档的主体。
<h1> to <h6> 定义 HTML 标题。
<p> 定义段落。
<button> 定义按钮。
<label> 定义 input 元素的标注。
<input> 定义输入控件。
<img> 定义图像。
<canvas> 定义图形。
<svg> 定义 SVG 图形的容器。
<video> 定义视频。
<a> 定义锚。
<style> 定义文档的样式信息。
<script> 定义客户端脚本。</code></pre><p style="text-align:left;">HTML 属性</p><p style="">属性总是以名称/值对的形式出现，比如：name="value"。</p><p style="">id :规定元素的唯一 id。</p><p style="">style：规定元素的行内 CSS 样式。</p><p style="">lang:规定元素内容的语言。</p><p style="text-align:left;">事件属性</p><p style="">onload script 页面结束加载之后触发。</p><p style="">onerror script 在错误发生时运行的脚本</p><p style="">onclick script 元素上发生鼠标点击时触发。</p><p style="">画布:动态绘制图形</p><pre class="kdocs-plaintext"><code class="language-plaintext"><!DOCTYPE html>
<html>
<body><canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.
</canvas><script>var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);</script></body>
</html></code></pre><p style="">音频或视频</p><p style="">HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件</p><p style="">字符集</p><p style="">HTML5 中的默认字符集为 UTF-8</p><p style="text-align:left;">HTML 文档类型</p><p style="text-align:left;">所有 HTML 文档必须以 <!DOCTYPE> 声明开头。</p><p style="text-align:left;">该声明并非一个 HTML 标签。它是一条“信息”，告知浏览器期望的文档类型。</p><p style="text-align:left;">在 HTML5 中，<!DOCTYPE> 声明非常简单：</p><p style="text-align:left;"><!DOCTYPE html></p><p style="text-align:left;">HTML URL </p><p style="text-align:left;">URL - 统一资源定位器（Uniform Resource Locator）</p><p style="text-align:left;">Web 浏览器使用 URL 从 Web 服务器请求页面。</p><p style="text-align:left;">URL 是网页的地址，比如：https://www.w3school.com.cn。</p><p style="text-align:left;">HTML 语言代码</p><p style="">HTML 的 lang 属性可用于网页或部分网页的语言</p><p style="text-align:left;"><html lang="en"></p><p style="text-align:left;">...</p><p style="text-align:left;"></html></p><p style="text-align:left;">HTML ISO 国家/地区代码</p><p style="">在 HTML 中，国家/地区代码可以用作 lang 属性中语言代码的补充</p><p style="text-align:left;"><html lang="zh-CN"></p><p style="text-align:left;">...</p><p style="text-align:left;"></html></p><p style="text-align:left;">HTML 状态消息</p><pre class="kdocs-plaintext"><code class="language-plaintext">200 OK 请求成功（其后是对GET和POST请求的应答文档。）
404 Not Found 服务器无法找到被请求的页面。
500 Internal Server Error 请求未完成。服务器遇到不可预知的情况。
502 Bad Gateway 请求未完成。服务器从上游服务器收到一个无效的响应。</code></pre><p style="text-align:left;">HTML 请求方法</p><p style="">HTTP 充当客户端和服务器之间的请求-响应协议。</p><p style="">最常用的两种方法是：GET 和 POST。</p><p style="">GET 用于从指定资源请求数据。</p><p style="text-align:left;">/test/demo_form.php?name1=value1&name2=value2</p><p style="">POST 用于将数据发送到服务器来创建/更新资源。</p><p style="text-align:left;">POST /test/demo_form.php HTTP/1.1</p><p style="text-align:left;">Host: w3school.com.cn</p><p style="text-align:left;">name1=value1&name2=value2</p> <!--end::Text-->
</div>
<!--end::Description-->
<div class="mt-5">
<!--关键词搜索-->
<a href="/search/news/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.html" 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="/minsheng/117155.html">ssh介紹以及 linux 下ssh的安裝使用</a><br>
</p>
<p class="fc-show-prev-next">
<strong>下一篇：</strong><a href="/minsheng/117157.html">面试阿里测开岗失败后，被面试官在朋友圈吐槽了......</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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-2509231004564a.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129094.html" class="text-dark fw-bold text-hover-primary fs-6">扫房神器2安卓系统,打造洁净家...</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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-250923093054c2.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129090.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-250923094334b4.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129089.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-2509230SS6106.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129088.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-250923093010347.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129087.html" class="text-dark fw-bold text-hover-primary fs-6">安卓10系统断网软件,轻松实现...</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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-250923094101R5.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129085.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-25092309133HY.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129084.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-250923095503312.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129083.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-2509230U440O4.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129082.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-250923091H4544.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129081.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-2509230IQ3193.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129080.html" class="text-dark fw-bold text-hover-primary fs-6">windows平板安卓系统升级...</a>
<span class="text-gray-600 fw-semibold d-block pt-1 fs-7">你有没有发现，最近你的Windows平板电脑突然变得有些不一样了？没错，就是那个一直默默陪伴你的小家...</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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-2509230S2305c.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129076.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-2509230TP3635.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129075.html" class="text-dark fw-bold text-hover-primary fs-6">安卓系统怎么改变zenly,探...</a>
<span class="text-gray-600 fw-semibold d-block pt-1 fs-7">你有没有发现，你的安卓手机上的Zenly应用最近好像变得不一样了？没错，安卓系统的大手笔更新，让Ze...</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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-2509230Z943510.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129074.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-250923092042K6.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129073.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-2509230J31CJ.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129072.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-2509230Q113201.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129071.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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-2509230T05QI.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129070.html" class="text-dark fw-bold text-hover-primary fs-6">武汉摩尔影城安卓系统APP,便...</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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-2509230Z314F1.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129069.html" class="text-dark fw-bold text-hover-primary fs-6">联想刷安卓p系统,畅享智能新体...</a>
<span class="text-gray-600 fw-semibold d-block pt-1 fs-7">你有没有发现，最近联想的安卓P系统刷机热潮可是席卷了整个互联网圈呢！这不，我就迫不及待地来和你聊聊这...</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('https://www.cjge-manuscriptcentral.com/uploads/allimg/20250923/9-250923091554549.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/129068.html" class="text-dark fw-bold text-hover-primary fs-6">mac从安卓系统改成双系统,双...</a>
<span class="text-gray-600 fw-semibold d-block pt-1 fs-7">你有没有想过，你的Mac电脑从安卓系统改成双系统后，生活会有哪些翻天覆地的变化呢？想象一边是流畅的苹...</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>
野仙生活网<a href="http://www.yexian114.com/">叶仙网</a><a href="http://www.weishitang.cn/">唯识网</a><a href="http://www.xingshan.vip">星闪网</a><a href="http://ask.kcwzh.com">开创问答网</a><a href="http://zhishi.yexian114.com/">知事网</a><a href="http://www.80hlw.com/">八零商务网</a><a href="http://www.zzdfzj.cn/">东方游戏网</a> </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>
<li class="menu-item">
<a href="/minsheng/" target="_blank" class="menu-link px-2">民生</a>
</li>
<li class="menu-item">
<a href="/zhishi/" 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>