想讓文章可以顯示code嗎？

1、顯示結果如下：

   <pre><code>
   code
   </code></pre>

2、將code內容做過處理，如：
　- 「&」(AND符號) 換成 ‘&’
　- 「"」(雙引號) 換成 ‘"’
　- 「'」 (單引號) 換成 ‘'’
　- 「<」 (小於符號) 換成 ‘<’ 　- 「>」 (大於符號) 換成 ‘>’
3、透過 pre 標籤，已經可以呈現程式碼效果，但是看起來很醜；因此我們可以用 CSS 來幫我們呈現程式碼的效果。

CSS如下：

code {
display:block;
overflow:auto;
font-family:"Courier New";
white-space:pre;
background:#F0F0F0 url(images/CodeBlock.png) repeat-y scroll left top;
border:1px solid #CCC;
margin:5px 15px 0;
padding:5px 5px 5px 20px;
line-height:1.2em;
max-height:180px;
width:90%;
}

以上參考資料來源：網站製作學習誌

我從網站製作學習誌把css code copy 回來用，結果忘了在這段css前加上<style type="text/css">
<!-- 以及 後加上-->，至於對於如果code較多的話轉換時很麻煩，在補充文說如果有Dreamweaver可以先將程式貼到 Dreamweaver 的設計檢視上 (就是所見即所得) ， Dreamweaver 會幫我們轉換好，可是我剛好沒有，我是用筆記本然後用取代的方法去轉換的。