免费试用

中文化、本土化、云端化的在线跨平台软件开发工具,支持APP、电脑端、小程序、IOS免签等等

html脚本代码网页制作

HTML(HyperText Markup Language)是一种用于创建网页的标记语言,它由一系列标签组成,用于描述网页上的各种元素。HTML代码是网页制作的基础,是网页内容的呈现方式。在本文中,我们将详细介绍HTML脚本代码的原理和制作方法。

一、HTML的基本结构

HTML代码由标签、属性和值组成。标签是用来标识网页元素的,属性是用来描述标签的特性,值是属性的具体取值。HTML的基本结构如下:

```

网页标题

网页内容

```

其中,``是文档类型声明,表示这个文档是HTML5类型的。``标签是HTML文档的根元素,包含了整个HTML文档的内容。``标签用于定义文档头部信息,包括标题、样式表、脚本等。``标签用于定义网页标题。`<body>`标签是HTML文档的主体部分,包含了网页的实际内容。</p><p>二、HTML的常用标签</p><p>1. 文本标签</p><p>`<h1>`~`<h6>`标签用于定义标题,数字越小表示标题级别越高。`<p>`标签用于定义段落,`<br>`标签用于换行,`<hr>`标签用于插入水平线。</p><p>2. 链接标签</p><p>`<a>`标签用于定义超链接,常用属性包括`href`(指向链接目标的URL)、`target`(指定链接目标的打开方式)和`title`(鼠标悬停时显示的提示信息)。</p><p>3. 图像标签</p><p>`<img>`标签用于插入图像,常用属性包括`src`(指向图片文件的URL)、`alt`(图像无法显示时显示的替代文本)和`width`、`height`(指定图像的宽度和高度)。</p><p>4. 表格标签</p><p>`<table>`标签用于定义表格,`<tr>`标签用于定义表格行,`<td>`标签用于定义表格单元格。常用属性包括`border`(表格边框宽度)、`cellpadding`(单元格内边距)、`cellspacing`(单元格之间的间距)等。</p><p>5. 表单标签</p><p>`<form>`标签用于定义表单,`<input>`标签用于定义表单控件。常用的表单控件包括文本框、密码框、单选框、复选框、下拉列表等。</p><p>三、HTML的样式和脚本</p><p>HTML可以通过CSS(Cascading Style Sheets)和JavaScript来添加样式和动态效果。CSS用于定义网页的外观样式,可以通过`<style>`标签或外部样式表来引用。JavaScript用于定义网页的交互行为,可以通过`<script>`标签或外部脚本文件来引用。</p><p>四、HTML的制作方法</p><p>1. 编辑器</p><p>可以使用各种文本编辑器来编写HTML代码,如Notepad、Sublime Text、Visual Studio Code等。这些编辑器通常提供语法高亮、自动补全、错误提示等功能,可以大大提高编写效率。</p><p>2. 在线工具</p><p>也可以使用在线HTML编辑器来制作网页,如W3Schools、CodePen、JSFiddle等。这些工具通常提供预览功能,可以实时查看网页效果。</p><p>3. 模板</p><p>还可以使用现成的HTML模板来制作网页,如Bootstrap、Foundation等。这些模板提供了一些常用的样式和组件,可以快速制作出美观的网页效果。</p><p>总之,HTML是网页制作的基础,掌握HTML脚本代码的原理和制作方法,可以帮助我们更好地创建网页内容,实现更多的交互效果和功能。</p></div> <script type="text/javascript" src="//123.yimenapp.com/production/pkj/sc/source/s/common/t-gh.js"></script> <hr style="margin: 20px 0;height: 0;border: none; border-bottom: 1px dashed #ddd;"/> <div class="tag-banner"><a href="https://ruanzhu.yimenapp.com/"><img src="//cdn.myapp.ltd/ag/3/xinruanzhu.gif" style="vertical-align: top;display: inline-block;width: auto;max-width:100%;"></a></div> <div style="font-size:130%;padding-top:20px;">相关知识:</div> <div class=aitem> <img src="//i.cdn.yimenapp.com/2023-04/03/09/35628175461.jpg"/> <div class=content> <a class=title href="info@-shou-ji-feng-zhuang-app-de-ruan-jian-14573.html">手机封装app的软件</a> <div class=summary>随着智能手机的普及,移动应用程序也越来越受欢迎。现在,越来越多的人想要为自己的业务或想法创建一个应用程序。然而,创建一个应用程序需要专业的开发知识和技能,这对于很多人来说是一项困难的任务。因此,手机封装app的软件应运而生,它们允许人们在不需要编写代码的情</div> <div class=date>2023-04-06</div> </div> </div> <div class=aitem> <img src="//i.cdn.yimenapp.com/2023-04/03/10/23750235196.jpg"/> <div class=content> <a class=title href="info@-android-h5-tao-ke-app-14183.html">android h5套壳app</a> <div class=summary>Android H5套壳App是一种基于Android系统的应用程序,它可以将Web页面通过WebView控件加载到App中,从而实现在App内部展示Web页面的效果。这种应用程序通常被称为“H5套壳App”,因为它们可以将HTML5页面嵌入到原生应用程序</div> <div class=date>2023-04-06</div> </div> </div> <div class=aitem> <img src="//i.cdn.yimenapp.com/2023-04/03/10/23750235196.jpg"/> <div class=content> <a class=title href="info@-html5-ruan-jian-14165.html">html5软件</a> <div class=summary>HTML5是一种用于创建Web页面和应用程序的最新版本的HTML标准。它是HTML4的升级版,引入了许多新的功能和语义标记,使得Web开发更加灵活和丰富。本文将介绍HTML5的原理和详细内容,以帮助读者更好地了解这个标准。一、HTML5的原理HTML5的设</div> <div class=date>2023-04-06</div> </div> </div> <div class=aitem> <img src="//i.cdn.yimenapp.com/2023-04/03/10/23750235196.jpg"/> <div class=content> <a class=title href="info@-app-kuang-jia-da-jian-14025.html">app框架搭建</a> <div class=summary>App框架搭建是指在开发移动应用程序时,搭建一个基础框架,以便于后续的开发和维护。一个好的框架能够提高开发效率,降低维护成本,同时也能够提高代码的可读性和可维护性。一个典型的App框架包含以下几个部分:1. 应用程序结构应用程序结构是指应用程序的整体架构,</div> <div class=date>2023-04-06</div> </div> </div> <div class=aitem> <img src="//i.cdn.yimenapp.com/2023-04/03/10/23750235196.jpg"/> <div class=content> <a class=title href="info@-chrome-web-app--kai-fa-13756.html">chrome web app 开发</a> <div class=summary>Chrome Web App是一种基于Web技术的应用程序,可以在Chrome浏览器中运行,类似于原生应用程序。它们使用HTML、CSS和JavaScript编写,可以在离线模式下工作,并且可以访问一些系统资源,如通知、存储和位置信息。本文将介绍Chrom</div> <div class=date>2023-04-06</div> </div> </div> <div class=aitem> <img src="//i.cdn.yimenapp.com/2023-04/03/10/23750235196.jpg"/> <div class=content> <a class=title href="info@-android-yuan-sheng-kai-fa-kuang-jia-13135.html">android原生开发框架</a> <div class=summary>Android原生开发框架是指使用Java语言和Android SDK进行开发的应用程序。Android原生开发框架由四个主要组件构成:活动(Activity),服务(Service),广播接收器(Broadcast Receiver)和内容提供器(Con</div> <div class=date>2023-04-06</div> </div> </div> <div class=aitem> <img src="//i.cdn.yimenapp.com/2023-04/03/09/35628175461.jpg"/> <div class=content> <a class=title href="info@-app-zi-jian-gong-ju-12742.html">app自建工具</a> <div class=summary>随着移动互联网的快速发展,移动应用程序(APP)已经成为人们日常生活中必不可少的一部分。越来越多的公司和个人开始开发自己的APP,以提供更好的用户体验和服务。在APP开发过程中,自建工具是一个非常重要的部分。本文将介绍自建工具的原理和详细介绍。一、自建工具</div> <div class=date>2023-04-06</div> </div> </div> <div class=aitem> <img src="//i.cdn.yimenapp.com/2023-04/03/10/23750235196.jpg"/> <div class=content> <a class=title href="info@-apk--kai-fa-kuang-jia-12701.html">apk 开发框架</a> <div class=summary>APK是指Android Package,是Android系统中的应用程序包。APK包含了应用程序的所有资源和代码,可以直接在Android设备上安装和运行。APK开发框架是指用来开发APK应用的一套工具和技术的集合,包括开发工具、开发语言、开发流程等等。</div> <div class=date>2023-04-06</div> </div> </div> <div class=aitem> <img src="//i.cdn.yimenapp.com/2023-04/03/10/23750235196.jpg"/> <div class=content> <a class=title href="info@-ruan-jian-kai-fa-jia-gou-you-na-xie-12520.html">软件开发架构有哪些</a> <div class=summary>软件开发架构是指软件系统的组织结构,它决定了软件系统的整体性能、可维护性、可扩展性和可重用性。软件开发架构是软件工程的重要组成部分,是软件系统设计的基础。1. 分层架构分层架构是一种将应用程序分为多个层次的架构,每个层次都有自己的职责和功能。分层架构通常包</div> <div class=date>2023-04-06</div> </div> </div> <div class=aitem> <img src="//i.cdn.yimenapp.com/2023-04/03/09/35628175461.jpg"/> <div class=content> <a class=title href="info@-sdk-neng-fan-bian-yi-ma-12426.html">sdk能反编译吗</a> <div class=summary>SDK(Software Development Kit)是软件开发工具包的缩写,是一组用于开发特定软件的工具和文档的集合。它提供了许多开发人员需要的工具和资源,包括库、API、开发环境和文档等。SDK可以帮助开发人员更快、更方便地创建软件应用程序。但是,</div> <div class=date>2023-04-06</div> </div> </div> <div class=aitem> <img src="//i.cdn.yimenapp.com/2023-04/03/10/23750235196.jpg"/> <div class=content> <a class=title href="info@-androidh5-hun-ge-kai-fa-12233.html">android+h5混合开发</a> <div class=summary>Android和H5混合开发是一种将原生应用和网页技术结合起来的开发方式。该方法可以在原生应用中嵌入网页,使得应用具有更好的灵活性和扩展性,同时也可以减少开发成本和提高开发效率。实现Android和H5混合开发的核心技术是WebView。WebView是A</div> <div class=date>2023-04-06</div> </div> </div> <div class=aitem> <img src="//i.cdn.yimenapp.com/2023-04/03/10/23750235196.jpg"/> <div class=content> <a class=title href="info@-app-de-xin-xi-jia-gou-11622.html">app的信息架构</a> <div class=summary>App的信息架构是指在App中对内容进行组织和分类的方式,以便用户可以更好地理解和使用App。一个好的信息架构可以提高用户的体验,使得用户能更快地找到他们想要的内容。1. 信息架构的原则1.1 用户为中心信息架构的设计必须以用户为中心,以用户的需求为出发点</div> <div class=date>2023-04-06</div> </div> </div> </div> </div> <div class="topMs" style="height:auto;background:#fff;"></div> <div class="footer"> <div class="width_normal"> <ul class="foot_ul"> <li class="foot_title">一门APP</li> <li><a href="https://www.yimenapp.com/aboutus.html">关于我们 ›</a></li> <li><a href="https://www.yimenapp.com/https://www.yimenapp.com/https://www.yimenapp.com/aboutus.html">隐私条款 ›</a></li> <li><a href="https://www.yimenapp.com/https://www.yimenapp.com/https://www.yimenapp.com/aboutus.html">企业文化 ›</a></li> <li><a href="https://www.yimenapp.com/aboutus.html">企业历程 ›</a></li> </ul> <ul class="foot_ul"> <li class="foot_title">主要产品</li> <li><a href="https://www.yimenapp.com/more.html">一门APP ›</a></li> <li><a href="https://www.yimenapp.com/exe.html">一门应用 ›</a></li> <li><a href="https://www.yimenapp.com/shop.cshtml">一门云商城 ›</a></li> <li><a href="https://www.yimenapp.com/jiaocheng.html">使用教程 ›</a></li> </ul> <ul class="foot_ul"> <li class="foot_title">增值服务</li> <li><a href="https://www.yimenapp.com/iosup.html">苹果上架 ›</a></li> <li><a href="https://www.yimenapp.com/androidup.html">安卓上架 ›</a></li> <li><a href="https://www.yimenapp.com/softpage.html">软著申请 ›</a></li> <li><a href="https://bbs.yimenapp.com/forum-151-1.html">应用内测 ›</a></li> </ul> <ul class="foot_ul"> <li class="foot_title">开放平台</li> <li><a href="/module">组件模块 ›</a></li> <li><a href="doc/demo.cshtml">APP Demo ›</a></li> <li><a href="/desktop/doc/#/api/variable">PC Demo ›</a></li> <li><a href="https://bbs.yimenapp.com">开发者社区 ›</a></li> </ul> <ul class="foot_ul"> <li class="foot_title">语言版本</li> <li><a href="/" onclick='document.cookie="_ymlang=zh"'>简体中文 ›</a></li> <li><a href="/" onclick='document.cookie="_ymlang=zh-tw"'>繁体中文 ›</a></li> <li><a href="/" onclick='document.cookie="_ymlang=en"'>英文 ›</a></li> </ul> <ul class="foot_ul contactUs"> <li class="foot_title"><a href="aboutus.html">联系我们</a></li> <li>企业电话: 4001658508</li> <li>企业QQ: 4001658508</li> <li>座机: 028-65787095</li> <li>邮箱: dev@yimenapp.com</li> <li>地址: 四川省成都市高新区剑南大道1537号3栋4楼</li> </ul> <style> .footer {background: #F9F9FA;height: auto;width: 100%;clear: both;} .link_list1 {width: 100%;clear: both;border-top: 1px solid #fff;margin-top: 9px;} .fflist {position: relative;height: auto;} .fflist-title {position: absolute;left: 0;text-align: left;line-height: 25px;font-size: 13px;color: #6a7582;letter-spacing: .43px;padding-right: 20px;font-weight: 700;} .fflist-wrap {zoom: 1;padding-left: 70px;width: 100%;box-sizing: border-box;} .fflist-link{display: inline-block;width: 10%;text-align: left;line-height: 25px;font-size: 12px;color: #6a7582;letter-spacing: .43px;text-decoration: none;} </style> <div class="link_list1"> <div class="fflist"> <span class="fflist-title">一门产品</span> <div class="fflist-wrap"> <a class="fflist-link" href="https://www.yimenapp.com/more.html" target="_blank">APP打包</a> <a class="fflist-link" href="https://www.yimenapp.com/exe.html" target="_blank">EXE打包</a> <a class="fflist-link" href="https://www.yimenapp.com/shop.html" target="_blank">云商城</a> <a class="fflist-link" href="https://www.yimenapp.com/discuz.html" target="_blank">Discuz app</a> <a class="fflist-link" href="https://www.yimenapp.com/wordpress.html" target="_blank">Wordpress app</a> <a class="fflist-link" href="https://www.yimenapp.com/webclip.html" target="_blank">Webclip</a> <a class="fflist-link" href="https://www.yimenapp.com/softpage.html" target="_blank">APP软著申请</a> <a class="fflist-link" href="https://www.yimenapp.com/iosup.html" target="_blank">APP上架</a> <a class="fflist-link" href="https://www.yimenapp.com/ssl.html" target="_blank">SSL加密</a> <a class="fflist-link" href="https://www.yimenapp.com/iosmianqian.html" target="_blank">IOS免签版</a> <a class="fflist-link" href="https://www.yimenapp.com/vueapp.html" target="_blank">vue做APP</a> <a class="fflist-link" href="https://www.yimenapp.com/appfenfa.html" target="_blank">APP分发</a> <a class="fflist-link" href="https://www.yimenapp.com/ioscer.html" target="_blank">IOS证书制作工具</a> </div> </div> <div class="fflist"> <span class="fflist-title">一门文档</span> <div class="fflist-wrap"> <a class="fflist-link" href="https://www.yimenapp.cn/yun/category/hangye/" target="_blank">行业资讯</a> <a class="fflist-link" href="https://www.yimenapp.cn/yun/category/diannaoruanjian/" target="_blank">电脑软件</a> <a class="fflist-link" href="https://www.yimenapp.cn/yun/category/xiaochengxu/" target="_blank">小程序</a> <a class="fflist-link" href="https://www.yimenapp.cn/yun/category/ssl/" target="_blank">SSL教程</a> <a class="fflist-link" href="https://www.yimenapp.cn/yun/category/appruanzhu/" target="_blank">APP软著</a> <a class="fflist-link" href="https://www.yimenapp.cn/yun/category/appfengzhuang/" target="_blank">APP封装</a> <a class="fflist-link" href="https://www.yimenapp.cn/yun/category/appshangjia/" target="_blank">APP上架</a> <a class="fflist-link" href="https://www.yimenapp.com/kb-yimen/category/jssdk/" target="_blank">JS-SDK</a> <a class="fflist-link" href="https://www.yimenapp.com/kb-yimen/category/appcs/" target="_blank">测试分发</a> </div> </div> <div class="fflist"> <span class="fflist-title">三方平台</span> <div class="fflist-wrap"> <a class="fflist-link" href="https://www.yimenapp.com/kb-yimen/app/hwopen/" target="_blank">华为开放平台</a> <a class="fflist-link" href="https://www.yimenapp.com/kb-yimen/app/oppokfpt/" target="_blank">OPPO开放平台</a> <a class="fflist-link" href="https://www.yimenapp.com/kb-yimen/app/vivokfpt/" target="_blank">VIVO开放平台</a> <a class="fflist-link" href="https://www.yimenapp.com/kb-yimen/app/xiaomikfpt/" target="_blank">小米开放平台</a> <a class="fflist-link" href="https://www.yimenapp.com/kb-yimen/app/meizukfpt/" target="_blank">魅族开放平台</a> <a class="fflist-link" href="https://www.yimenapp.com/kb-yimen/app/weixinopen/" target="_blank">微信开放平台</a> <a class="fflist-link" href="https://www.yimenapp.com/kb-yimen/app/zfbopen/" target="_blank">支付宝开放平台</a> <a class="fflist-link" href="https://www.yimenapp.com/kb-yimen/app/baiduopen/" target="_blank">百度开放平台</a> <a class="fflist-link" href="https://www.yimenapp.com/kb-yimen/app/qqopen/" target="_blank">腾讯开放平台</a> </div> </div> <div class="fflist"> <span class="fflist-title">推荐模块</span> <div class="fflist-wrap"> <a class="fflist-link" href="/module/yuan-sheng-biao-ti-lan-1.html" target="_blank">原生标题栏</a> <a class="fflist-link" href="/module/sao-yi-sao-8.html" target="_blank">扫一扫</a> <a class="fflist-link" href="/module/an-gao-qi-dong-bing-32.html" target="_blank">广告启动屏</a> <a class="fflist-link" href="/module/wei-xin-fen-xiang-33.html" target="_blank">微信分享</a> <a class="fflist-link" href="/module/ce-bian-lan-52.html" target="_blank">侧边栏</a> <a class="fflist-link" href="/module/AppsFlyer--tong-ji-152.html" target="_blank">AppsFlyer统计</a> <a class="fflist-link" href="/module/zhi-fu-bao-zhi-fu-37.html" target="_blank">支付宝支付</a> <a class="fflist-link" href="/module/X5-nei-he-20.html" target="_blank">X5内核</a> <a class="fflist-link" href="/module/chuan-shan-jia-an-gao-90.html" target="_blank">穿山甲广告</a> <a class="fflist-link" href="/module/liu-lan-qi-UA-13.html" target="_blank">浏览器UA</a> <a class="fflist-link" href="/module/iOS-nei-gou-30.html" target="_blank">IOS内购</a> <a class="fflist-link" href="/module/tuo-luo-yi-59.html" target="_blank">陀螺仪</a> <a class="fflist-link" href="/module/ji-shi-tong-xun-64.html" target="_blank">融云IM</a> <a class="fflist-link" href="/module/IDFA--an-gao-biao-shi-fu-75.html" target="_blank">IDFA广告标识</a> <a class="fflist-link" href="/module/IMEIOAID--biao-shi-74.html" target="_blank">IMEI/OAID</a> <a class="fflist-link" href="/module/ge-tui-tui-song-39.html" target="_blank">个推推送</a> <a class="fflist-link" href="/module/gao-de-ding-wei-130.html" target="_blank">高德定位</a> <a class="fflist-link" href="/module/wei-xin-deng-lu-11.html" target="_blank">微信登录</a> </div> </div> </div> <div style="text-align:center;padding-top:2em;line-height:2.2em"><a href="/fengzhuang-359.html">自己能不能做app</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-701.html">网站生成app</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-727.html">自己能做app吗</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-1129.html">手机app 快速开发框架</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-1191.html">vue可以做app</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-1508.html">apk和h5</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-1536.html">html5app框架开发期末作业</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-1711.html">web开发框架</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-1789.html">网站一键生成器</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-1856.html">网页做app</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-2119.html">h5写app页面</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-2692.html">wap2app 电视 打包</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-2759.html">历史类app信息框架</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-2832.html">安卓app h5</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-2936.html">手机网页开发框架</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-3299.html">个人可以开发app吗</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-3834.html">工匠app制作</a> <span style="color:#ddd"> | </span> <a href="/fengzhuang-3841.html">vue手机app开发</a></div> <div style="clear:both;"></div> <div class="link_list"> <span>友情链接:</span> <a href="https://www.yimenapp.com">APP开发</a> <a href="https://bbs.yimenapp.com">APP开发社区</a> <a href="http://www.anzhuoe.cn">安卓上架</a> <a href="https://www.yimenapp.net">APP打包</a> <a href="http://app.applebyme.cn">APP生成</a> <a href="http://www.yimenapp.cn">APP封装</a> <a href="http://www.uapp.club">webclip</a><a href="http://www.yizhanapp.com">驿站APP</a> <a href="http://discuz.yizhanapp.com">discuz做APP</a> <a href="http://www.applebyme.cn/">苹果APP上架</a> <a href="https://www.yimenapp.com/wordpress.html">wordpress app</a><a href="https://www.yimenssl.com/">低价ssl</a> <div style="clear:both;"></div> </div> </div> </div> <div class="bottom"> <div class="width_normal"> <span>©2015-2021 成都七扇门科技有限公司 yimenapp.cn</span> <span><img src="//cdn.myapp.ltd/ag/35/img/foot_1.png"/> <a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=51019002001185">川公网安备 51019002001185号</a></span> <span><a href="https://beian.miit.gov.cn/">蜀ICP备17005078号</a></span> <span><a href="https://v.yunaq.com/certificate?domain=www.yimenapp.com&from=label&code=90030"><img src="//cdn.myapp.ltd/ag/35/img/foot_2.png" class="bot_img"/></a></span> <div style="clear:both;"></div> </div> </div> <!-- WPA start --> <script id="qd2852153749712b2d3cc16651c050fa3081fba21c66" src="https://wp.qiye.qq.com/qidian/2852153749/712b2d3cc16651c050fa3081fba21c66" charset="utf-8" async defer></script> <!-- WPA end --> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?a329e18a856a045eca3ffcfe3899ab7a"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> /*推广联盟*/ (function () { var m = /un=(\d+)/.exec(location.href.toLowerCase()); if (!m) return; var d = new Date(); d.setTime(d.getTime() + 12 * 3600 * 1000); document.cookie = "un=" + m[1] + ";path=/;expires=" + d.toGMTString(); })(); </script> <link rel=stylesheet href=assets/highlight-11.9.0/styles/vs.min.css /> <style>code[lang]::before{content:attr(lang);display:block;text-align:right;margin-bottom:8px;font-weight:bold;text-transform:capitalize}</style> <script src=assets/highlight-11.9.0/highlight.min.js></script> <script>hljs.highlightAll()</script></body> </html>