酷代码 AI
菜单
全部AI  /  热门  /  AI写代码神器
服务商

在网页中显示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源代码了。 [2023-10-04 21:06:37 | AI写代码神器 | 1046点数解答]

相关提问