스크립트를 사용한 프로그램 소스 구문 강조 syntax highlighter

SyntaxHighlighter

http://alexgorbatchev.com/SyntaxHighlighter/

<script type="text/javascript" src="./images/shCore.js"></script>
<script type="text/javascript" src="./images/shBrushBash.js"></script>
<script type="text/javascript" src="./images/shBrushCss.js"></script>
<script type="text/javascript" src="./images/shBrushGroovy.js"></script>
<script type="text/javascript" src="./images/shBrushJava.js"></script>
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
<script type="text/javascript" src="./images/shBrushPerl.js"></script>
<script type="text/javascript" src="./images/shBrushPhp.js"></script>
<script type="text/javascript" src="./images/shBrushSql.js"></script>
<script type="text/javascript" src="./images/shBrushXml.js"></script>
<link href="./images/shCore.css" rel="stylesheet" type="text/css" />
<link href="./images/shThemeDefault.css" rel="stylesheet" type="text/css" />
<link href="./images/shThemeEclipse.css" rel="Stylesheet" type="text/css" />

<pre class="brush: java">

여기에 내용을 적는다.

brush 종류를 직접 지정해 줄 수 있다.

</pre>

Javascript code prettifier

https://code.google.com/p/google-code-prettify/

<pre class="prettyprint">

여기에 내용을 적는다.

자동으로 판단하여 스타일을 적용한다.

직접 지정도 가능하다. (ex :  prettyprint lang-html )

</pre>