[網頁技巧] 如何在文章中顯示程式碼Source Code

常常看到別人的部落格裡顯示 Source Code 會出現框框，
於是找到了幾篇文章非常有用
1.在blogger文章中顯示程式碼區
2.在文章裡顯示優質的程式碼區
3.文章中引用程式碼的作法

第一步：在你的 [範本] -> [修改HTML] -> 在</html>前加入以下代碼

CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}


第二步：在文章中將程式碼貼入 <code> ... </code> 之間
這樣就大功告成了 ^^

不過在貼HTML code時要注意一下，括號會被browser當作tag讀掉，
所以如果要貼括號的話，要用下列的字元更換！


<  用 &lt; 更換
>  用 &gt; 更換
& 用 &amp; 更換

另一個方法3，引用的部分要用以下方式包起來：
< code class="c"> 和 < /code>、
< code class="cmd"> 和 < /code>、
< code class="html"> 和 < /code>、
< code class="latex"> 和 < /code>、
< code class="file"> 和 < /code>


.End.