html代码变绿色了

最近在开发网页时，不知道为什么所有的HTML代码都变成了绿色！

!DOCTYPE html>
    html>
    head>
        title>
    绿色的HTML代码/title>
    /head>
    body style="background-color: #333">
        h1 style="color: white;
    ">
    欢迎来到我的网站！/h1>
        p style="color: lime;
    ">
    这是一个奇怪的问题，我的HTML代码变成了绿色。/p>
        p style="color: white;
    ">
    经过一番搜索，我终于找到了问题所在。/p>
        pre style="color: lime;
    ">
        !DOCTYPE html>
        html>
        head>
            title>
    绿色的HTML代码/title>
        /head>
        body style="background-color: #333">
            h1 style="color: white;
    ">
    欢迎来到我的网站！/h1>
            p style="color: lime;
    ">
    这是一个奇怪的问题，我的HTML代码变成了绿色。/p>
            p style="color: white;
    ">
    经过一番搜索，我终于找到了问题所在。/p>
        /body>
        /html>
        /pre>
        p style="color: white;
    ">
    原来，我在pre>
    标签里写了HTML代码，而pre>
    是用来显示预格式化文本的。这也就意味着，如果我想要保留HTML代码的格式，就需要把它们放在pre>
    标签里面。/p>
    /body>
    /html>
    

现在，我已经把HTML代码放在了pre> 标签里面，并把它们的颜色设为绿色。看起来一切都很正常了！我学到了一个重要的教训，以后一定要注意标签的用途，不要把预格式化文本用在不该用的地方。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！