在网页中显示html源代码的代码

要在网页中显示HTML源代码，可以使用pre标签或者textarea标签来实现。下面是两种方法的示例代码： 使用pre标签： 

```html
<!DOCTYPE html>
<html>
<head>
    <title>显示HTML源代码</title>
</head>
<body>
    <pre>
        <code>
            &lt;!DOCTYPE html&gt;
            &lt;html&gt;
            &lt;head&gt;
                &lt;title&gt;显示HTML源代码&lt;/title&gt;
            &lt;/head&gt;
            &lt;body&gt;
                &lt;h1&gt;Hello World!&lt;/h1&gt;
            &lt;/body&gt;
            &lt;/html&gt;
        </code>
    </pre>
</body>
</html>
```

使用textarea标签： 

```html
<!DOCTYPE html>
<html>
<head>
    <title>显示HTML源代码</title>
    <style>
        textarea {
            width: 100%;
            height: 300px;
        }
    </style>
</head>
<body>
    <textarea readonly>
        &lt;!DOCTYPE html&gt;
        &lt;html&gt;
        &lt;head&gt;
            &lt;title&gt;显示HTML源代码&lt;/title&gt;
        &lt;/head&gt;
        &lt;body&gt;
            &lt;h1&gt;Hello World!&lt;/h1&gt;
        &lt;/body&gt;
        &lt;/html&gt;
    </textarea>
</body>
</html>
```

这样就可以在网页中显示HTML源代码了。

相关代码参考