【教学】怎麽在网页上嵌入程式码?显示原始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 click:网站禁止点击右键的程式码产生器

相关文章:

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

Related Post

0 0 投票数
Article Rating
订阅评论
提醒
guest
0 Comments
内联反馈
查看所有评论