Ryan_Li 发表于 2021-1-5 16:44:10

html里面如何展示源代码

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

倒戈卸甲 发表于 2021-1-5 17:02:00

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

Daniel_Zhang 发表于 2021-1-5 17:29:00

光有 pre 标签是不行的啊，还要有其他的东西进行搭配。用小甲鱼老师视频里面提到的例子
    <pre>
      <code>
            &#60;p&#62;你最喜欢吃的水果是：&#60;span id = &#34;fruit&#34;&#62;&#60;/span&#62;&#60;/p&#62;
            &#60;script type = &#34;text/javascript&#34;&#62;
                  var user_input = prompt(&#34;你最喜欢吃的水果是：&#34;);
                  document.getElementById(&#34;fruit&#34;).innerHTML = user_input;
            &#60;/script&#62;
      </code>
    </pre>

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

Ryan_Li 发表于 2021-1-5 22:40:23

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




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

Ryan_Li 发表于 2021-1-5 22:53:24

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




好啦 谢谢了 我用word把所有的自动替换了
页: [1]
查看完整版本: html里面如何展示源代码