如何将代码高亮？

这里介绍一种代码高亮的方法，插件：Google Code Prettify，这是一个开源的代码高亮插件，可以去google下载的

bootstrap的代码高亮也是使用此套插件，下面会介绍如何使用。

下载google-code-prettify

http://code.google.com/p/google-code-prettify/，（可以联系本人，本人发给你）

使用google-code-prettify，代码高亮

插件里面主要有两个文件，prettify.js和prettify.css

1、在html代码中引用以上两个文件：

<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>无标题</title>
	<link rel="stylesheet" href="google-code-prettify/prettify.css" >
	<script src="google-code-prettify/prettify.js"></script>
</head>

</html>

2、在body标签上加入onload="prettyPrint()"：

<body onload="prettyPrint()">

3、在需要高亮的代码上加入以下标签

<pre class="prettyprint">
	your  code
</pre>

完整的使用代码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>无标题</title>
	<link rel="stylesheet" href="google-code-prettify/prettify.css" >
	<script src="google-code-prettify/prettify.js"></script>
</head>
<body onload="prettyPrint()">
<pre class="prettyprint">
	your  code
</pre>
</body>
</html>

如果不喜欢默认的css样式，可以下载其他样式，当然可以自己调整css样式。