【问题标题】:Why doesn't this show up on my screen?为什么这不显示在我的屏幕上?
【发布时间】:2017-11-06 00:21:44
【问题描述】:

由于某种原因,当我在 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>

有谁知道如何制作更好的菜单栏?

【问题讨论】:

  • 您的&lt;html&gt; 标签在哪里?如果你有它们,请在你说“这是代码”时包括它们;如果没有,那很可能是你的问题。
  • 可能是因为你还没有关闭&lt;title&gt;标签,
  • 我看到的另一个问题是我相当确定它是&lt;td&gt;,而不是&lt;tb&gt;
  • 谢谢sideroxylon,知道我觉得自己很蠢,但是非常感谢。我相信,那成功了。
  • 我们都去过那里。正如其他人指出的那样,还要检查您的 &lt;td&gt; 标签。

标签: html css html-table menubar


【解决方案1】:

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

但是,这些错误中的任何一个仍会在页面上显示 SOMETHING。

导致什么都没有显示的错误仅仅是你没有关闭你的&lt;title&gt; 标签。你有 2 个开始标签,而不是 &lt;title&gt;#&lt;/title&gt;

更正

<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>

【讨论】:

    【解决方案2】:

    正如@sideroxylon 所注意到的,当您忘记关闭&lt;title&gt; 标签时,您遇到了一个大问题。修复后,您应该会看到所有内容。

    补充要点:

    1. 您缺少的&lt;html&gt; 周围标记。
    2. 你写的是&lt;tb&gt;而不是&lt;td&gt;
    3. 您还应该使用缩进以获得更易读的代码。

    【讨论】:

      【解决方案3】:

      从 cmets 中,我可以看到您的 HTML 存在三个问题:

      1. 您从未关闭您的 &lt;title&gt; 标记(所有功劳归功于 sideroxylon),因此其他 HTML 都不会在它之外呈现。

      2. 您写的是 &lt;tb&gt; 而不是 &lt;td&gt;,并且 &lt;tb&gt; 不是有效的 HTML 标记。它可能会起作用,但使用无效的 HTML 标签是一个非常不好的习惯。

      3. 您缺少&lt;html&gt; 标签。你说你的实际代码中有它们,那很好,但是当你发布代码时,请把它全部发布。

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

      【讨论】:

        猜你喜欢
        • 2014-05-19
        • 2016-05-10
        • 2022-06-13
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-02-22
        • 2021-10-09
        相关资源
        最近更新 更多