html代码打开后没显示效果

最近我在学习网页设计，通过学习HTML语言，我开始制作自己的网站。然而，有一次我在打开自己的网站时，却发现网页上并没有显示我所期望的效果。这让我很困惑，后来经过一番研究，我发现了其中的问题。

!DOCTYPE html>
    html>
    head>
    title>
    我的网站/title>
    style>
h1 {
    color: blue;
    font-size: 40px;
}
    /style>
    /head>
    body>
    h1>
    欢迎来到我的网站/h1>
    p>
    这是一段测试文本。/p>
    /body>
    /html>
    

以上是我的HTML代码，我希望在网页上显示一个蓝色的标题，并且需要设置标题字体的大小。但是，当我打开网页时，标题并没有变成蓝色，也没有变大。我一度以为是代码有误，可我在检查了多次后，发现了问题。

事实上，我的代码中漏掉了一个重要的标记，即在样式表中必须加入“选择器”的名称。在这里，我想要调整标题的样式，我的选择器是“h1”。因此，我需要在样式表的“h1”属性前使用“h1”选择器来告诉HTML，我的样式表要控制哪一个元素。如果我没有明确指定选择器，那么网页无从知晓哪一个元素需要应用样式。

!DOCTYPE html>
    html>
    head>
    title>
    我的网站/title>
    style>
h1 {
    color: blue;
    font-size: 40px;
}
    /style>
    /head>
    body>
    h1>
    欢迎来到我的网站/h1>
    p>
    这是一段测试文本。/p>
    /body>
    /html>
    

最终，我在样式表中加入了“h1”选择器后，我的网页就能够正常显示了。这提醒了我，在编写HTML代码时，确保语法的正确性和完整性非常重要。同时，在编写过程中，我也发现了我可以打开浏览器的“开发者工具”来帮助我检查代码问题。如果你也遇到这样的问题，请务必检查你的选择器是否完整。

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