【教学】怎麽在网页上嵌入程式码?显示原始Code与&等特殊符号。
要在网站中放入php,css,html,javascript等语法教学,但无法正常显示原始码,可以利用一些方法或网站来达到嵌入程式码的效果;另外特殊字元(&、<、>)在HTML有时候会显示不出来,这时候我们可以利用一些实体参考字元来转换这些字,就能在网页中正常显示。
HTML 特殊字元转换 教学
(请用半形文字)
要显示&以&amp;取代
要显示<以&lt;取代
要显示>以&gt;取代
要显示"以&quot;取代
要显示'以&apos;取代
你可以直接用:线上将HTML程式码转文字的工具
在网页中显示程式原始码 教学方法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这段嵌入码,将复制的程式码贴到网页中即可。
其他还能嵌入的编辑器有:CodePen线上编辑器、hilite.me线上程式码高光Highlight工具
GitHub原始程式码编辑器(需注册,才可进入编辑区)
你可能有兴趣
网页上撰写程式:CodePen线上编辑器
Disable right …