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

相关阅读:
linux下安装向日葵
解读AI机器人产业发展的顶层设计
Pytorch-CNN-CIFAR10
便捷在线导入：完整Axure元件库集合，让你的设计更高效！
瀑布模型的软件开发有三个特点？软件生命周期的顺序性
【Spring】SpringBoot+Actuator+Prometheus+Grafana监控实现及常见问题处理
io集合管理
(四)、传热学-热传导问题的数值解法
女友晚安之后依然在线：python男友用20行代码写了个小工具
UE5神通--POI解决方案

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