<!DOCTYPE html> <html> <head> <title>My First HTML Page</title> </head> <body> <h1>Hello World!</h1> <p>This is my first HTML page.</p> </body> </html>请注意，我们使用了HTML实体来转义角括号。这是因为在HTML中，尖括号具有特殊含义，可以用来定义标签。如果我们直接使用尖括号，浏览器会把它们解释成标签，从而导致页面显示异常。 现在，如果我们在网页上包含上述代码块，就会以原始格式将这段代码展示出来，从而呈现出页面源代码。
在实际开发中，我们也可以使用JavaScript等技术，在客户端动态地获取和展示页面源代码。例如，下面是一个使用JavaScript来显示页面源代码的例子： <!DOCTYPE html> <html> <head> <title>Show Page Source</title> <script type="text/javascript"> function showSource() { var html = document.documentElement.outerHTML; document.getElementById("source").textContent = html; } </script> </head> <body onload="showSource()"> <p>Click the button to display the page source</p> <button onclick="showSource()">Show Source</button> <pre id="source"></pre> </body> </html> 在这个例子中，我们定义了一个函数showSource()，用于获取整个HTML文档的outerHTML属性，并将其传递给一个pre标签中。在页面加载完成后，我们通过onload属性来自动调用showSource()函数，然后在页面中放置一个按钮，用户点击后也可以手动触发该函数。最后，我们在一个pre标签中展示整个HTML文档，这样就可以将页面源代码显示出来了。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
