如何将python代码块粘贴到HTML页面中

Question

假设我在IDE之一中放置了以下python代码

import math  
import pandas as pd
import numpy as np
.....
some other python code

[现在，我有一个包含HTML，CSS等的网页，我想将该网页放在代码块上方。手动地，我只是复制粘贴上面的代码，然后使用CSS手动应用适当的样式。对于大型代码块，这确实很麻烦。而且，采用这种方法，缩进之类的重要内容很少出现乱码，因此当站点查看者将其代码块从其网页复制粘贴到他的python工作区中时，它可能无法正常工作。

[我正在寻找建议，如果有更简单的方法可以实现相同的目的，即我可以从IDE中提取代码块，然后放置在页面source code的适当div中。

任何指针都将受到高度赞赏。

Answer 1

您可以将代码粘贴到<pre><code>标记中，您始终可以使用CSS进行播放

<pre>
<code style="display:block; white-space:pre-wrap;background: hsl(220, 80%, 90%); ">

 <!--- paste your code from IDE here ---->
</code>
</pre>