在学习HTML编程的过程中，我们常常需要用浏览器来预览我们编写的代码，看看最终效果是否符合我们的要求。
然而有时候，在浏览器中打开HTML文件，我们会发现浏览器并没有正确的显示HTML代码，而是将代码转化成了一些看起来十分混乱的字符。这是因为浏览器默认将HTML代码当做普通文本来处理。
为了解决这个问题，我们可以使用HTML中的pre标签。pre标签可以将包含在其中的文本保持原有的格式，使得其中的空格、制表符等特殊符号能够被正确地显示。
<!DOCTYPE html> <html> <head> <title>HTML代码演示</title> </head> <body> <h1>Hello, World!</h1> <p>这是一段演示HTML代码的文字。</p> </body> </html>
上面的代码就是一个简单的HTML文档，我们可以在其中看到块级元素h1和p的使用，以及各个标签的语法格式。使用pre标签使得整个代码可以清晰地显示在页面上，方便我们查看和理解。