[已解决]html里面如何展示源代码

Ryan_Li

如题 我想用网页展示c++代码
但是< > { } 等符号会被当成html的符号，一个一个改又不好改
请问如何把代码放到网页展示呢

最佳答案

月排行榜 / 总排行榜

Daniel_Zhang

2021-1-5 17:29:00

光有 pre 标签是不行的啊，还要有其他的东西进行搭配。用小甲鱼老师视频里面提到的例子

1.     <pre>
   
2.         <code>
   
3.             &#60;p&#62;你最喜欢吃的水果是：&#60;span id = &#34;fruit&#34;&#62;&#60;/span&#62;&#60;/p&#62;
   
4.             &#60;script type = &#34;text/javascript&#34;&#62;
   
5.                     var user_input = prompt(&#34;你最喜欢吃的水果是：&#34;);
   
6.                     document.getElementById(&#34;fruit&#34;).innerHTML = user_input;
   
7.             &#60;/script&#62;
   
8.         </code>
   
9.     </pre>

复制代码

你尝试一下把这个放置到你的html文件里面，就能看到效果了

跳转到最佳答案楼层

倒戈卸甲

把代码放到pre标签里不就行了
<pre>{C++代码}</pre>
当然也有别的方法

Daniel_Zhang

光有 pre 标签是不行的啊，还要有其他的东西进行搭配。用小甲鱼老师视频里面提到的例子

1.     <pre>
   
2.         <code>
   
3.             &#60;p&#62;你最喜欢吃的水果是：&#60;span id = &#34;fruit&#34;&#62;&#60;/span&#62;&#60;/p&#62;
   
4.             &#60;script type = &#34;text/javascript&#34;&#62;
   
5.                     var user_input = prompt(&#34;你最喜欢吃的水果是：&#34;);
   
6.                     document.getElementById(&#34;fruit&#34;).innerHTML = user_input;
   
7.             &#60;/script&#62;
   
8.         </code>
   
9.     </pre>

复制代码

你尝试一下把这个放置到你的html文件里面，就能看到效果了

Ryan_Li

Daniel_Zhang 发表于 2021-1-5 17:29
光有 pre 标签是不行的啊，还要有其他的东西进行搭配。用小甲鱼老师视频里面提到的例子

几百行代码要一个个换吗...？

Ryan_Li

Daniel_Zhang 发表于 2021-1-5 17:29
光有 pre 标签是不行的啊，还要有其他的东西进行搭配。用小甲鱼老师视频里面提到的例子

好啦 谢谢了 我用word把所有的自动替换了