Html页面不显示

时间:2015-03-24 14:10:14

标签: html html-table

我正在构建一个网站,这是我的index.html页面的HTML代码。

<html>
    <table>
        <tr>
            <td>Watch on</td>
            <td>Youtube</td>
        </tr>
        <tr>
            <td>Channel</td>
            <td>jonathanlootens</td>
        </tr>
        <tr>
            <td>video title</td>
            <dt>Mickey en de stomende drol</td>
        </tr>
        <tr>
            <td>link</td>
            <td>https://www.youtube.com/watch?v=a3leCIk2eyQ</td>
        </tr>
    </table>
</html>

enter image description here

请参阅代码段。

当我在我的网络浏览器应用程序中打开index.html页面时,我只看到一个白页,什么都没有。当我用devtools打开Internet Explorer时,我没有看到任何错误。

4 个答案:

答案 0 :(得分:4)

将您的内容包装在

<body></body> 

标记并查看是否有帮助。

<html>
    <body>
        <table>
            <tr>
                <td>Watch on</td>
                <td>Youtube</td>
            </tr>
            <tr>
                <td>Channel</td>
                <td>jonathanlootens</td>
            </tr>
            <tr>
                <td>video title</td>
                <td>Mickey en de stomende drol</td>
            </tr>
            <tr>
                <td>link</td>
                <td>https://www.youtube.com/watch?v=a3leCIk2eyQ</td>
            </tr>
        </table>
    </body>
</html>

答案 1 :(得分:2)

我认为这是一个很好的链接,让您开始使用HTML Table CSS Tricks

无论如何,您的代码示例存在很多问题。

  1. 没有<!DOCTYPE>
  2. 您没有<body>
  3. 您没有表格标题<thead>也没有<th>
  4. 您没有表格<tbody>

答案 2 :(得分:2)

您无需添加任何代码,语法错误 <dt>Mickey en de stomende drol</td> </td>没有有效的<td> 你有拼错标签名称

答案 3 :(得分:1)

有很多错误,但是标签的缺失是阻止您的内容显示的原因。 尝试:

<html>
<body>
    <table>
        <tr>
            <td>Watch on</td>
            <td>Youtube</td>
        </tr>
        <tr>
            <td>Channel</td>
            <td>jonathanlootens</td>
        </tr>
        <tr>
            <td>video title</td>
            <td>Mickey en de stomende drol</td>
        </tr>
        <tr>
            <td>link</td>
            <td>https://www.youtube.com/watch?v=a3leCIk2eyQ</td>
        </tr>
    </table>
</body>

我建议您查看代码学院(http://www.codecademy.com/)以发展您的技能。这是一个很棒的免费网站,提供教程并教授网站开发的基础知识。