要在网站中放入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 click:网站禁止点击右键的程式码产生器
相关文章:
- PHP提交表单时不用刷新页面!简单几个步骤,送出资料就免重新整理网页。
- Emoji Unicode表情符号编码对照,网页、Android、iOS开发皆适用。
- 远端控制Raspberry Pi树莓派,要如何不使用外接萤幕与键盘就能够连线?
- 线上HTML、CSS 、JavaScript程式码编辑器,测试Run出的结果
- 程式码美化Code Prettify呈现在网页文章!可用於WordPress、Html或Medium等。
- Disable right click网站禁止点击右键的程式码产生器,javascript封锁右键。
- 如何在树莓派Docker上打造 Home Assistant智慧家庭?使用指令快速安装教学。
- 『教学』怎样移除WordPress继续阅读的#more标签?