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

Ryan_Li

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

最佳答案

月排行榜 / 总排行榜

Daniel_Zhang

2021-1-5 17:29:00

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

    <pre>
        <code>
            <p>你最喜欢吃的水果是：<span id = "fruit"></span></p>
            <script type = "text/javascript">
                    var user_input = prompt("你最喜欢吃的水果是：");
                    document.getElementById("fruit").innerHTML = user_input;
            </script>
        </code>
    </pre>

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

跳转到最佳答案楼层

倒戈卸甲

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

Daniel_Zhang

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

    <pre>
        <code>
            <p>你最喜欢吃的水果是：<span id = "fruit"></span></p>
            <script type = "text/javascript">
                    var user_input = prompt("你最喜欢吃的水果是：");
                    document.getElementById("fruit").innerHTML = user_input;
            </script>
        </code>
    </pre>

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

Ryan_Li

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

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

Ryan_Li

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

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