html网页代码块高亮加行号

程序示例精选
html网页代码块高亮加行号
如需安装运行环境或远程调试，见文章底部个人QQ名片，由专业技术人员远程协助！

前言

这篇博客针对《html网页代码块高亮加行号》编写代码，代码整洁，规则，易读。学习与应用推荐首选。

运行结果

文章目录

一、所需工具软件
二、使用步骤
1. 主要代码
2. 运行结果
三、在线协助

一、所需工具软件

1. Html网页
2. 高亮行号插件

二、使用步骤

代码如下（示例）：


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入prism.css -->
</head>
<body>
    <div style="width:800px;margin: 10px auto;">
        <pre class="line-numbers" style="padding-left: 0px;">
            <code class="language-java">
                package com.zzhua;

                import org.mybatis.spring.annotation.MapperScan;
                import org.springframework.boot.SpringApplication;
                import org.springframework.boot.autoconfigure.SpringBootApplication;

                @SpringBootApplication
                @MapperScan("com.zzhua.mapper")
                public class VueApp {
                    public static void main(String[] args) {
                        SpringApplication.run(VueApp.class);
                    }
                }
            </code>
        </pre>
    </div>
</body>

<!-- 引入jquery操作dom -->
<script src="jquery/jquery.js"></script>

<script>
    $('pre').each(function () {
        $(this).addClass('line-numbers');
    })
</script>
<script src="./prism/prism.js"></script>

</html>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

运行结果

三、在线协助：

如需安装运行环境或远程调试，见文章底部个人 QQ 名片，由专业技术人员远程协助！

1）远程安装运行环境，代码调试
2）Visual Studio, Qt, C++, Python编程语言入门指导
3）界面美化
4）软件制作
5）云服务器申请
6）网站制作

当前文章连接：https://blog.csdn.net/alicema1111/article/details/132666851
个人博客主页：https://blog.csdn.net/alicema1111?type=blog
博主所有文章点这里：https://blog.csdn.net/alicema1111?type=blog

博主推荐：
Python人脸识别考勤打卡系统：
https://blog.csdn.net/alicema1111/article/details/133434445
Python果树水果识别：https://blog.csdn.net/alicema1111/article/details/130862842
Python+Yolov8+Deepsort入口人流量统计：https://blog.csdn.net/alicema1111/article/details/130454430
Python+Qt人脸识别门禁管理系统：https://blog.csdn.net/alicema1111/article/details/130353433
Python+Qt指纹录入识别考勤系统：https://blog.csdn.net/alicema1111/article/details/129338432
Python Yolov5火焰烟雾识别源码分享：https://blog.csdn.net/alicema1111/article/details/128420453
Python+Yolov8路面桥梁墙体裂缝识别：https://blog.csdn.net/alicema1111/article/details/133434445

相关阅读:
分布式搜索引擎01
多重循环控制练习
Day33力扣打卡
如何利用智慧社区的优势来创建解决方案
Project joee 算法开发日志（一）
⼀⽂读懂加密资产交易赛道的新锐⼒量Bitdu
TypeScript（5）类、继承、多态
编码体系与规范
css3实现3D立方体旋转特效源码
【问题解决】我遇到并解决PlatformIO无法使用的各种问题汇总及解决方法，简单粗暴使用的网络问题解决方法...

原文地址：https://blog.csdn.net/alicema1111/article/details/133945472