适合pixiv的免费加速器

【教学】怎麽在网页上嵌入程式码?显示原始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 …