html - 如何将代码作为文本包含在 HTML 页面中

Question

我正在创建一个网页，我想在该网页中包含代码。我遇到的问题是，如果没有很多不同的标签，我无法找到缩进代码行的方法。

例如，如果我想显示代码:

for (int i = 0; i < 6; i++) {
    for (int j = 0; j < 5; j++) {
        for (int k = 0; k < 5; k++) {
            //Do something
         }
    }
}

目前我正在使用 <p class="tab1"> 显示它, <p class="tab2>等，并在 CSS 文件中使用 .tab { margin-left: 40px; } , .tab { margin-left: 80px; }等等。但是肯定有一种更简单的方法来在网页上缩进代码，而不是为每个缩进创建一个单独的 CSS 类？有人有什么想法吗？非常感谢，谢谢。

Answer 1

使用 pre -标签:

<pre>
for (int i = 0; i < 6; i++) {
    for (int j = 0; j < 5; j++) {
        for (int k = 0; k < 5; k++) {
            //Do something
         }
    }
}
</pre>