網路城邦
上一篇 回創作列表 下一篇  字體:
如何在文章裡顯示程式碼?--HTML CODE 實例(1)
2010/06/13 15:01:02瀏覽4445|回應0|推薦3

【本例說明】

1.已在模板自定樣式中加入了顯示程式碼的CSS。(前置工作)

2.轉至HTML語法編輯,貼上已改<、>為&lt、&gt的程式碼,並於程式碼的前頭加<pre><code>及尾端加</code></pre>即可。

※切記:日後欲做任何修改,包括標題的修改,在「存成草稿」「確定發表」前務必確認處於切換HTML原始碼的編輯態下,方可進行,又相關程式碼需再次複製原先更改過程式碼重新貼上。簡言之,原貼文章經任何更動時,程式碼部份均需重新再貼過。註:↑上文2.的<、>、&為便於本文的編輯係用全型字。

◎以下係在文章中顯示HTML語法的例子:

一、切換HTML原始碼編輯內容

二、文章中顯示HTML語法結果

<table cellspacing="0" cellpadding="3" border="0"><tr><td rowspan="2">

<img height="31" src="城市氣象圖示.gif" width="38"/></td><td colspan="3">
<strong>
<a href="城市氣象連結.htm" style="text-decoration: none">各大城市地名</a></strong></td></tr><tr><td>
<img height="13" src="城市最低溫度.gif" width="27"/></td><td>-</td> <td>
<img height="13" src="城市最高溫度.gif" width="27"/></td></tr></table>
( 休閒生活網路生活 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=linkpic&aid=4124188