【教學】怎麼在網頁上嵌入程式碼?顯示原始Code與&等特殊 ... | 社區大學終身學習網
![【教學】怎麼在網頁上嵌入程式碼?顯示原始Code與&等特殊 ...](https://i.imgur.com/1IaoGs0.jpg)
要在網站中放入php,css,html,javascript等語法教學,但無法正常顯示原始碼,可以利用一些方法或網站來達到嵌入程式碼的效果;另外特殊字元(&、)在HTML有時候會顯示不 ...
![【教學】怎麼在網頁上嵌入程式碼?顯示原始Code與&等特殊 ...](https://i.imgur.com/1IaoGs0.jpg)
要在網站中放入php,css,html,javascript等語法教學,但無法正常顯示原始碼,可以利用一些方法或網站來達到嵌入程式碼的效果;另外特殊字元(&、<、>)在HTML有時候會顯示不出來,這時候我們可以利用一些實體參考字元來轉換這些字,就能在網頁中正常顯示。
HTML 特殊字元轉換 教學
(請用半形文字)
要顯示&以&amp;取代 要顯示<以&lt;取代 要顯示>以&gt;取代 要顯示"以&quot;取代 要顯示以&apos;取代
你可以直接用:線上將HTML程式碼轉文字的工具[1]
在網頁中顯示程式原始碼 教學
方法1
<pre>將要展示的程式碼包在這裡面</pre>
body { direction: rtl; unicode-bidi: embed;}方法2
<blockquote>將程式碼包在這裡面</blockquote>
body { direction: rtl; unicode-bidi: embed;}
方法3
藉助外部網站:GitHub原始程式碼編輯器[2](需註冊),來快速產生如下圖的程式顯示框。
操作步驟教學為前往GitHub,將1.程式碼放入2.點Creat public gist。 [3]
複製Embed這段嵌入碼,將複製的程式碼貼到網頁中即可。
其他還能嵌入的編輯器有:CodePen線上編輯器、hilite.me線上程式碼高光Highlight工具[4][5]
GitHu...
初學HTML 必用「HTML.cafe」,即時顯示你的HTML 語法結果 | 社區大學終身學習網
【教學】怎麼在網頁上嵌入程式碼?顯示原始Code與&等特殊 ... | 社區大學終身學習網
HTML <code> 程式碼 | 社區大學終身學習網
提供HTML語法整理表 | 社區大學終身學習網
HTML語法整理! 3分鐘快速弄懂常用語法! | 社區大學終身學習網
如何查看網頁HTML、CSS?網頁設計必懂,外掛工具 | 社區大學終身學習網
HTML標籤列表 | 社區大學終身學習網
Day6 HTML 語法簡易介紹(三) | 社區大學終身學習網
HTML語法簡介 | 社區大學終身學習網
1 | 社區大學終身學習網
![](https://i.imgur.com/1IaoGs0.jpg)
藝術創作哪裡學?高雄市第一社區大學開課資訊
想要學習藝術創作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理出...
![](https://i.imgur.com/1IaoGs0.jpg)
電腦應用部落格網站製作哪裡學?新竹市科學城社區大學開課資訊
想要學習電腦應用部落格網站製作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以...
![](https://i.imgur.com/1IaoGs0.jpg)
社區電腦網頁設計實務班哪裡學?雲林縣山線社區大學開課資訊
想要學習社區電腦網頁設計實務班可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以...
![](https://i.imgur.com/1IaoGs0.jpg)
藝術創作哪裡學?高雄市第一社區大學開課資訊
想要學習藝術創作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理出...
![](https://i.imgur.com/1IaoGs0.jpg)
HTML5, JQuery網頁設計哪裡學?新竹市科學城社區大學開課資訊
想要學習HTML5,JQuery網頁設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下...
![](https://i.imgur.com/1IaoGs0.jpg)
藝術創作哪裡學?高雄市第一社區大學開課資訊
想要學習藝術創作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理出...
![](https://i.imgur.com/1IaoGs0.jpg)
HTML網頁設計哪裡學?宜蘭縣羅東社區大學開課資訊
想要學習HTML網頁設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整...
![](https://i.imgur.com/1IaoGs0.jpg)
網頁設計入門班哪裡學?臺南市曾文社區大學開課資訊
想要學習網頁設計入門班可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家...