【教學】怎麼在網頁上嵌入程式碼?顯示原始Code與<>&等特殊符號。
&lt;、&amp;

05. 三月 2016 網站架設 0

webcode
要在網站中放入php,css,html,javascript等語法教學,但無法正常顯示原始碼,可以利用一些方法或網站來達到嵌入程式碼的效果;另外特殊字元(&、<、>)在HTML有時候會顯示不出來,這時候我們可以利用一些實體參考字元來轉換這些字,就能在網頁中正常顯示。








HTML 特殊字元轉換 教學

(請用半形文字)

要顯示&&amp;取代
要顯示<&lt;取代
要顯示>&gt;取代
要顯示"&quot;取代
要顯示'&apos;取代


在網頁中顯示程式原始碼 教學

方法1

<pre>將要展示的程式碼包在這裡面</pre>

     body {    direction: rtl;    unicode-bidi: embed;}
 
方法2

<blockquote>將程式碼包在這裡面</blockquote>

body { direction: rtl; unicode-bidi: embed;}

方法3

藉助外部網站:GitHub原始程式碼編輯器,來快速產生如下圖的程式顯示框。

操作步驟教學為前往GitHub,將1.程式碼放入2.點Creat public gist。
在網頁顯示程式碼

複製Embed這段嵌入碼,將複製的程式碼貼到網頁中即可。
在網頁顯示程式碼2

GitHub原始程式碼編輯器