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/20251112/9-251112100520G2.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134419.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/20251112/9-251112100139619.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134417.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">你有没有想过，手机里那些你爱不释手的APP，背后其实有个强大的会员管理系统在默默支持呢？没错，就是那...</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/20251112/9-251112101GX49.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134416.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/20251112/9-25111210054E22.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134415.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/20251112/9-2511121011051P.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134414.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/20251112/9-251112101605K0.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134413.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/20251112/9-251112102445I0.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134412.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/20251112/9-251112102202116.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134409.html" class="text-dark fw-bold text-hover-primary fs-6">pc电脑安卓系统下载软件,轻松...</a>
<span class="text-gray-600 fw-semibold d-block pt-1 fs-7">你有没有想过，你的PC电脑上安装了安卓系统，是不是瞬间觉得世界都大不一样了呢？没错，就是那种“一机在...</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/20251112/9-251112102F1K6.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134408.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/20251112/9-2511120Z50H52.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134407.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/20251112/9-2511120Z94U53.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134406.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/20251112/9-251112093I6361.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134405.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/20251112/9-25111209140T62.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134404.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/20251112/9-25111209192WM.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134403.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/20251112/9-2511120924255U.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134402.html" class="text-dark fw-bold text-hover-primary fs-6">p30退回安卓系统</a>
<span class="text-gray-600 fw-semibold d-block pt-1 fs-7">你有没有听说最近P30的用户们都在忙活一件大事？没错，就是他们的手机要退回安卓系统啦！这可不是一个简...</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/20251112/9-251112093P5V0.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134401.html" class="text-dark fw-bold text-hover-primary fs-6">oppoa57安卓原生系统,原...</a>
<span class="text-gray-600 fw-semibold d-block pt-1 fs-7">你有没有发现，最近OPPO A57这款手机在安卓原生系统上的表现真是让人眼前一亮呢？今天，就让我带你...</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/20251112/9-2511120951141J.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134400.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/20251112/9-25111209345BF.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134398.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/20251112/9-251112094500646.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134397.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/20251112/9-251112094952236.jpg')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="m-0">
<a href="/minsheng/134396.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>
野仙生活网<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>