巧用 pre 与 textarea 标签：在网页中轻松显示 HTML 源代码

要在网页中显示HTML源代码，可以使用pre标签或者textarea标签来实现。下面是两种方法的示例代码：使用pre标签： ```html <!DOCTYPE html> <html> <head> <title>显示HTML源代码</title> </head> <body> <pre> <code> <!DOCTYPE html> <html> <head> <title>显示HTML源代码</title> </head> <body> <h1>Hello World!</h1> </body> </html> </code> </pre> </body> </html> ``` 使用textarea标签： ```html <!DOCTYPE html> <html> <head> <title>显示HTML源代码</title> <style> textarea { width: 100%; height: 300px; } </style> </head> <body> <textarea readonly> <!DOCTYPE html> <html> <head> <title>显示HTML源代码</title> </head> <body> <h1>Hello World!</h1> </body> </html> </textarea> </body> </html> ``` 这样就可以在网页中显示HTML源代码了。 ######[AI写代码神器 | 1046点数解答 | 2023-10-04 21:06:37]

服务商

更多选项

快捷项

自定义

巧用 pre 与 textarea 标签：在网页中轻松显示 HTML 源代码