Question

出于某种原因，当我在Chrome或任何其他浏览器中打开文件时，这些HTML不会显示出来。代码如下所示：

<!DOCTYPE html>

<html>

    <head>

        <title>
            #
        <title>

        <style>



        </style>

    </head>

    <body>

    <table>
        <tr>
            <tb><a href="#">Home</a></tb>
            <tb><a href="#">About</a></tb>
            <tb><a href="#">Freelance</a></tb>
            <tb><a href="#">Contact</a></tb>
        <tr>
    </table>

    </body>

</html>

有了这个，有谁知道如何制作更好的菜单栏？

Answer 1

所有其他评论和答案都是正确的 - 您发布的HTML中存在多个错误。

但是，任何这些错误仍会在页面上显示SOMETHING。

导致无法显示任何错误的错误只是您尚未关闭<title>标记。您有2个开始标记而不是<title>#</title>

<强>校正的：

<html>
  <head>
    <title>#</title>
    <style>
    </style>
  </head>
  <body>
    <table>
      <tr>
        <td><a href="#">Home</a></td>
        <td><a href="#">About</a></td>
        <td><a href="#">Freelance</a></td>
        <td><a href="#">Contact</a></td>
      <tr>
    </table>
  </body>
</html>

Answer 2

正如@sideroxylon注意到的那样，当您忘记关闭<title>标记时，您遇到了一个重大问题。修好后，您应该看到所有内容。

其他要点：

您遗失的<html>周围标记。
你写了<tb>而不是<td>。
您还应该使用缩进来获得更易读的代码。

Answer 3

从评论中，我可以看到HTML的三个问题：

您永远不会关闭<title>代码（因为sideroxylon的所有功劳），所以其他任何HTML都不会在其外部呈现。
您撰写了<tb>而不是<td>，<tb>不是有效的HTML代码。它可能会起作用，但使用无效的HTML标签是一个非常糟糕的习惯。
您缺少<html>个标签。你说你的实际代码中有它们，所以这很好，但是当你发布代码时，请发布所有代码。

关于制作标题栏的更好方法，使用无序列表和CSS可能比使用表更好。有很多关于如何做到这一点的教程 - a simple Google search brings up quite a few。随意选择哪种最适合您。一旦你掌握了它，CSS往往更容易管理和自定义，并且在最终用户的屏幕上产生更好看的结果。

为什么这不会出现在我的屏幕上？

3 个答案: