文章/答案/技术大牛

发布

社区首页 >问答首页 >HTML文件在web浏览器上不起作用，我该怎么办？

问HTML文件在web浏览器上不起作用，我该怎么办？
EN

Stack Overflow用户

提问于 2022-04-14 06:48:09

回答 4查看 92关注 0票数 0

//我的HTML网页无法在浏览器上显示。这只是纯文本。请检查我的密码，看看出了什么问题。我尝试了很多方法，但仍然找不到出了什么问题。如果有人能检查一下，我会很感激的。谢谢!我也尝试使用互联网浏览器，铬。他们两个都不管用。是因为我的格式吗？

<!DOCTYPE html>
<head>
  <style>
    header {
      text-align: center;
      background: url('https://i.imgur.com/2tQoKAI.jpeg');
      background-size: cover;
      color: white;
      font-weight: bold;
      text-shadow: 6px 2px 3px black;

    }
    a {
      color: white;
    }
    h1 {
      font-size: 70px;
    }
    img {
      margin: 40px 0px 0px 0px;
      border: 7px solid white;
      border-radius: 20px;
    }
    ul {
      padding: 10px;
      background: rgba(0,0,0,0.5);
    }
    li {
      display: inline;
      padding: 0px 10px 0px 10px;
    }
    article {
      max-width: 500px;
      padding: 20px;
      margin: 0 auto;
    }
    @media (max-width: 500px) {
      h1 {
        font-size: 36px;
        padding: 5px;
      }
      li {
        padding: 5px;
        display: block;
      }
    }
  </style>
</head>
<body>
  <header>
    <img src="https://i.imgur.com/GKTzyft.jpeg"
    width=200>
    <h1>Ben's Blog</h1>
    <ul>
      <li><a href="#">How am I Handsome</a></li>
      <li><a href="#">Meditation Music</a></li>
      <li><a href="#">My Beautiful Singing</a></li>
    </ul>
  </header>
    <article>
      <h2>I am Born Handsome</h2>
      <p>As a natural handsome guy. I am born to be handsome. The handsomeness genes are within me. However, I am not only handsome, I am also talented in singing.</p>
      <button>Like</button>
    </article>
    <article>
      <h2>Meditate Daily</h2>
      <p>Meditation can help me become even more handsome and...wise. I mediate five minutes everyday to reflect on my life and explore my inner self. It is amazing to be enlightened.</p>
      <button>Like</button>
    </article>
    <article>
      <h2>I sing like Justin Timberlake/ Justin Bieber</h2>
      <p>Many people think all I've got is my handsome look. They are wrong! I also got a beautiful voice that soothes everyone's heart!</p>
      <button>Like</button>
    </article>
  <script>
    $("button").on("click", function() {
      alert("Clicked!");
    });
  </script>
</body>

html

css

回答 4

Stack Overflow用户

发布于 2022-04-14 06:53:21

在<!DOCTYPE html>之后，应该用<html>标记打开，在文件的末尾用</html>关闭。

这样做的结果应该是：

<!DOCTYPE html>
<html>   
    <head> 
        ... 
    </head>
    <body>
        ...
    </body>
</html>

票数 2

Stack Overflow用户

发布于 2022-04-14 07:04:47

<!DOCTYPE html>
<head>
  <style>
    header {
      text-align: center;
      background: url('https://i.imgur.com/2tQoKAI.jpeg');
      background-size: cover;
      color: white;
      font-weight: bold;
      text-shadow: 6px 2px 3px black;

    }
    a {
      color: white;
    }
    h1 {
      font-size: 70px;
    }
    img {
      margin: 40px 0px 0px 0px;
      border: 7px solid white;
      border-radius: 20px;
    }
    ul {
      padding: 10px;
      background: rgba(0,0,0,0.5);
    }
    li {
      display: inline;
      padding: 0px 10px 0px 10px;
    }
    article {
      max-width: 500px;
      padding: 20px;
      margin: 0 auto;
    }
    @media (max-width: 500px) {
      h1 {
        font-size: 36px;
        padding: 5px;
      }
      li {
        padding: 5px;
        display: block;
      }
    }
  </style>
</head>
<body>
  <header>
    <img src="https://i.imgur.com/GKTzyft.jpeg"
    width=200>
    <h1>Ben's Blog</h1>
    <ul>
      <li><a href="#">How am I Handsome</a></li>
      <li><a href="#">Meditation Music</a></li>
      <li><a href="#">My Beautiful Singing</a></li>
    </ul>
  </header>
    <article>
      <h2>I am Born Handsome</h2>
      <p>As a natural handsome guy. I am born to be handsome. The handsomeness genes are within me. However, I am not only handsome, I am also talented in singing.</p>
      <button>Like</button>
    </article>
    <article>
      <h2>Meditate Daily</h2>
      <p>Meditation can help me become even more handsome and...wise. I mediate five minutes everyday to reflect on my life and explore my inner self. It is amazing to be enlightened.</p>
      <button>Like</button>
    </article>
    <article>
      <h2>I sing like Justin Timberlake/ Justin Bieber</h2>
      <p>Many people think all I've got is my handsome look. They are wrong! I also got a beautiful voice that soothes everyone's heart!</p>
      <button>Like</button>
    </article>
  <script>
    $("button").on("click", function() {
      alert("Clicked!");
    });
  </script>
</body>
</html>

票数 1

Stack Overflow用户

发布于 2022-04-14 07:16:50

$(document).ready(function(){});

Open
Import
使用<html>标记和close </html> (这是可选的，但您可以使用它的最佳选择，并对seo友好的网站有用)

<!DOCTYPE html>
<html>
    <head>
        <style>
            header {
              text-align: center;
              background: url('https://i.imgur.com/2tQoKAI.jpeg');
              background-size: cover;
              color: white;
              font-weight: bold;
              text-shadow: 6px 2px 3px black;

            }
            a {
              color: white;
            }
            h1 {
              font-size: 70px;
            }
            img {
              margin: 40px 0px 0px 0px;
              border: 7px solid white;
              border-radius: 20px;
            }
            ul {
              padding: 10px;
              background: rgba(0,0,0,0.5);
            }
            li {
              display: inline;
              padding: 0px 10px 0px 10px;
            }
            article {
              max-width: 500px;
              padding: 20px;
              margin: 0 auto;
            }
            @media (max-width: 500px) {
              h1 {
                font-size: 36px;
                padding: 5px;
              }
              li {
                padding: 5px;
                display: block;
              }
            }
        </style>
    </head>
    <body>
        <header>
            <img src="https://i.imgur.com/GKTzyft.jpeg"
            width=200>
            <h1>Ben's Blog</h1>
            <ul>
              <li><a href="#">How am I Handsome</a></li>
              <li><a href="#">Meditation Music</a></li>
              <li><a href="#">My Beautiful Singing</a></li>
            </ul>
        </header>
        <article>
          <h2>I am Born Handsome</h2>
          <p>As a natural handsome guy. I am born to be handsome. The handsomeness genes are within me. However, I am not only handsome, I am also talented in singing.</p>
          <button>Like</button>
        </article>
        <article>
          <h2>Meditate Daily</h2>
          <p>Meditation can help me become even more handsome and...wise. I mediate five minutes everyday to reflect on my life and explore my inner self. It is amazing to be enlightened.</p>
          <button>Like</button>
        </article>
        <article>
          <h2>I sing like Justin Timberlake/ Justin Bieber</h2>
          <p>Many people think all I've got is my handsome look. They are wrong! I also got a beautiful voice that soothes everyone's heart!</p>
          <button>Like</button>
        </article>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <script>  
            $(document).ready(function(){
                $("button").click(function(){
                    alert("Clicked!");
                });
            });
        </script>
    </body>
</html>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71867501

复制

相似问题

问HTML文件在web浏览器上不起作用，我该怎么办？
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML文件在web浏览器上不起作用，我该怎么办？EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML文件在web浏览器上不起作用，我该怎么办？
EN