Syntax Highlighting-prettify

참조
1. http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-how-to-add-syntax-highlighting-to-any-project/
2. http://code.google.com/p/google-code-prettify/

데모 
1. http://nettuts.s3.amazonaws.com/1022_syntax/sample/index.html
2.

highlighting 설명
참조 1,2 번 페이지를 보면 상세 내용이 나와 있습니다.

기존 링크를 통해 스크립트 와 css 링크 를 넣습니다.
1. js : http://nettuts.s3.amazonaws.com/1022_syntax/sample/highlighter/prettify.js
2. css : http://nettuts.s3.amazonaws.com/1022_syntax/sample/highlighter/dessert.css
        

테스트
============================================================================================

// Say hello world until the user starts questioning
// the meaningfulness of their existence.
function helloWorld(world) {
  for (var i = 42; --i >= 0;) {
    alert('Hello ' + String(world));
  }
}

p { color: pink }
b { color: blue }
u { color: "umber" }

============================================================================================
============================================================================================

html, body {margin: 0;padding: 0;border: 0;font-size: 12px;font-family: Dotum, sans-serif;line-height: 1.5;color: #4b4a4a;}
html{overflow-y:scroll;}
tt, i, b, u, s, strike, big, small, 
em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym,
a, img, applet, object, font, basefont, br, script, map, q, sub, sup, span, bdo, iframe, 
input, select, textarea, label, button, 
address, div, p, h1, h2, h3, h4, h5, h6, pre, blockquote, ins, del, dl, dt, dd, ul, ol, li, dir, menu, form, option, fieldset, legend { 
	margin: 0; padding: 0;border:0;
	}
input { margin: 0; padding: 0; vertical-align: middle; }
hr{display:none;}
img {	margin: 0; padding: 0; border: none; font-size: 1%; line-height: 1; vertical-align: top;}
ul, ol, li { list-style: none; }
select, option {font: normal 12px/19px '돋움', sans-serif;vertical-align: middle;}
table { border-collapse: collapse; border-spacing: 0; }

============================================================================================

샘플 코드 보기

http://nettuts.s3.amazonaws.com/1022_syntax/sample/index.html