在页面上漂亮的显示源码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<!--注意页面跳转的原因-->
<meta charset="utf-8" HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.baidu.com">
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="static/css/default.css" />
<link type="text/css" rel="stylesheet" href="styles/index.css"/>
<script type="text/javascript" src="static/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="static/js/highlight.pack.js"></script>
</head>
<body>
<div class="title">
<div class="codes">
<pre><code>
<!-- 注释：这是一段注释。注释不会在浏览器中显示，但确实存在于代码中 -->
<!-- 文档类型声明：告诉浏览器本篇文档是那种类型的文档，浏览器则会根据这个声明解析文档 -->
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1 style="font-size: 12px;">我的字号被修改了</h1>
</body>
</html>
</code>
</pre>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('pre code').each(function(i, block) {
hljs.highlightBlock(block);
});
});
</script>
</body>
</html>
另一种风格
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hello SyntaxHighlighter</title>
<script type="text/javascript" src="scripts/shCore.js"></script>
<script type="text/javascript" src="scripts/shBrushJScript.js"></script>
<link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>
<link type="text/css" rel="stylesheet" href="styles/index.css"/>
<script type="text/javascript">SyntaxHighlighter.all();</script>
</head>
<body>
<div class="title">
<div class="codes">
<pre class="brush: js;">
<!-- 注释：这是一段注释。注释不会在浏览器中显示，但确实存在于代码中 -->
<!-- 文档类型声明：告诉浏览器本篇文档是那种类型的文档，浏览器则会根据这个声明解析文档 -->
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1 style="font-size: 12px;">我的字号被修改了</h1>
</body>
</html>
</pre>
</div>
</div>
</body>
</html>
相关推荐
对于一些程序代码类的网页，常常需要贴出代码，但显示效果...这里介绍一个代码高亮工具syntaxhighlighter语法高亮工具，它不需要与服务器交互，只需要包含相应的格式代码JS包，就可以轻松实现代码高亮，使用非常简单。
**SyntaxHighlighter 库详解与应用实例** SyntaxHighlighter 是一款流行且功能强大的代码高亮显示库，尤其在网页上展示源代码时，能够提供美观、易读的格式。它支持多种编程语言，如 HTML、CSS、JavaScript、PHP、...
【JS代码高亮插件SyntaxHighlighter】是一个用于在网页中展示编程代码的工具，它能够将源代码美化，使其更易于阅读和理解。SyntaxHighlighter由Alex Gorbatchev开发，支持多种编程语言，包括JavaScript、HTML、CSS、...
**SyntaxHighlighter 可执行库与示例** `SyntaxHighlighter` 是一款广泛使用的开源代码高亮工具，它能够将源代码片段美化，使代码在网页上展示时更易读，提升阅读体验。这个压缩包包含的是已经编译好的 `...
SyntaxHighlighter是一款流行的开源代码高亮显示插件，主要用于网页中展示源代码片段。这款插件支持多种编程语言和标记语言的语法高亮，包括但不限于JAVA、PHP、CSS、SQL、XML、Python等，极大地提升了代码在网页上...
"代码自动高亮SyntaxHighlighter_1.5.0"是一个专门用于文本编辑器和网页中显示源代码的工具，其主要功能是将代码片段进行美化，通过不同的颜色和样式来区分不同类型的语法元素，使得代码更易于阅读和理解。...
《网页代码高亮插件——SyntaxHighlighter深度解析》 在网页开发中，展示源代码是常见的需求，而为了使代码更加清晰易读，我们通常会使用代码高亮插件。SyntaxHighlighter是一款广泛使用的JavaScript代码高亮插件，...
SyntaxHighlighter是一个流行的开源代码高亮显示工具，广泛用于博客、网站和其他在线平台，以便以美观和可读的方式展示源代码。"syntaxhighlighter-3.0.83.zip" 是SyntaxHighlighter的一个版本3.0.83的压缩包，包含...
《SyntaxHighlighter：让代码粘贴更美观》 在信息技术领域，代码的展示与分享是不可或缺的一部分。良好的代码格式不仅可以提升阅读体验，还能使代码更具可读性，便于理解和交流。SyntaxHighlighter是一款广泛使用的...
`SyntaxHighlighter`是一个流行的选择，尤其在Web开发中，但也可以通过一些方式将其应用到Android平台上。这个压缩包文件可能包含了一些用于实现Android代码高亮的关键资源，如`js`、`css`和`xml`文件。 首先，`...
**SyntaxHighlighter：代码高亮神器** SyntaxHighlighter是一款强大的代码高亮插件，它专为网页设计者和开发者提供便利，使得在网页上展示源代码变得更加美观且易读。这款工具无需服务器支持，只需在网页中引入相应...
**SyntaxHighlighter 3.0.83 概述** SyntaxHighlighter 是一款基于 JavaScript 的开源库，由 dp 创建，用于在网页上实现代码的语法高亮显示。它旨在为各种编程语言提供美观且功能丰富的代码展示效果，使得源代码在...
**SyntaxHighlighter Evolved** 是一个专为WordPress平台设计的代码高亮插件，它极大地提升了网站上展示代码片段的可读性和美观性。这款插件对于那些在WordPress环境中在线安装遇到困难的用户来说，提供了离线安装的...
要在中实现代码高亮显示功能，有两个关键步骤： 一是在要显示代码的网页中加入样式文件：FCKeditor/css/SyntaxHighlighter.css 二是下载集合了SyntaxHighlighter 插件的FCKeditor软件包
SyntaxHighLighter代码高亮插件实例(支持JavaScript、CSS、PHP、Java、Python、Vb、XML、Delphi、SQL、CSharp等等多种编程语言类)版本_2.1.364
SyntaxHighlighter高亮代码显示实例源码 高亮您的代码，加速您的技术站点开发【有源码，支持大部分常用语言的高亮显示，如C#，JAVA等】 在没有高亮方法时，我们常常自己写样式，当然也有直接使用微软的Word转换成...
标题 "草稿ss syntaxhighlighter" 暗示我们可能会讨论一种编程或代码编辑相关的工具，特别是关于语法高亮显示的。SyntaxHighlighter 是一个流行的JavaScript库，它用于在网页上展示代码片段时提供语法着色，使得代码...
代码语法高亮的JS插件及例子，基于SyntaxHighlighter实现的CSS、PHP、ASP、SQL、XHTML代码自动高亮插件，若你是开发者网站，这个功能对你绝对有用，下载插件包，自带有使用演示。