在HTML中插入代码是程序员在网页中展示和执行代码的常见操作。下面是一些常用的方法和技巧来在HTML中插入代码。

1. <code> 标签

在HTML中，可以使用 <code> 标签来标记代码片段。这个标签会保留原始代码的格式，以等宽字体显示，并且不会被浏览器解释。下面是一个示例：

<code>
    function helloWorld() {
        console.log("Hello, World!");
    }
</code>

2. <pre> 标签

在HTML中，可以使用 <pre> 标签来保留代码的格式，包括空格和换行符。这个标签适合长段落的代码，它会按照原始格式进行显示。下面是一个示例：

<pre>
    function helloWorld() {
        console.log("Hello, World!");
    }
</pre>

3. 代码块引用

使用三个反引号 ` 来创建一个代码块引用。还可以在后面指定代码的语言，使它在渲染时获得正确的语法高亮。下面是一个示例：

```html function helloWorld() { console.log("Hello, World!"); } ```

这个方法可以与很多Markdown编辑器和渲染器兼容，例如GitHub和Stack Overflow。

4. 外部代码库

如果你希望在网页中展示更复杂的代码或实现特定的功能，可以使用外部的代码库和插件。一些常见的代码库包括：

• highlight.js：用于语法高亮的JavaScript库。
• Prism：另一个流行的语法高亮库，支持更多的编程语言。
• CodeMirror：强大的代码编辑器，支持代码高亮、自动完成等功能。

这些库通常提供了简单的集成方式和API，使你能够将代码整洁地嵌入到网页中。

5. 在特定环境中插入代码

有时候你希望在特定环境中插入特定类型的代码，例如在HTML中嵌入CSS或JavaScript。下面是一些示例：

在HTML中嵌入CSS

可以使用 <style> 标签将CSS代码嵌入到HTML中。下面是一个示例：

<style>
    .myClass {
        color: red;
    }
</style>

在HTML中嵌入JavaScript

可以使用 <script> 标签将JavaScript代码嵌入到HTML中。下面是一个示例：

<script>
    function helloWorld() {
        console.log("Hello, World!");
    }
</script>

但是建议将JavaScript代码放在外部的.js文件中，并在HTML中引用。

以上是在HTML中插入代码的一些常见方法和技巧。根据实际需要选择合适的方法来展示和执行代码。