HTML表格不显示_Html_Xhtml - Fatal编程技术网

HTML表格不显示

html

HTML表格不显示,html,xhtml,Html,Xhtml,我目前正在学习HTML。我试图创建一个简单的HTML文档来显示一个简单的表，但是我遇到了麻烦。我的web浏览器（Mozilla Firefox）没有显示整个表的边框。它看起来像是一个普通的段落这是我的 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0//Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11-strict.dtd"> <html> <head>

我目前正在学习HTML。我试图创建一个简单的HTML文档来显示一个简单的表，但是我遇到了麻烦。我的web浏览器（Mozilla Firefox）没有显示整个表的边框。它看起来像是一个普通的段落

这是我的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0//Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11-strict.dtd">
<html>
    <head>
        <title>My first web page</title>
    </head>
    <body>
        <table>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>

            <tr>
                <td>4</td>
                <td>5</td>
                <td>6</td>

            <tr>
                <td>7</td>
                <td>8</td>
                <td>9</td>
            <tr/>

            <tr>
                <td>10</td>
                <td>11</td>
                <td>12</td>

            </tr>
        </table>
    </body>
</html>


我的第一个网页
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12

第二行缺少结束元素。应该是：

<head>

    <title>My first web page</title>

</head>

<body>

    <table>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>

        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>

        <tr>
            <td>7</td>
            <td>8</td>
            <td>9</td>
        <tr/>

        <tr>
            <td>10</td>
            <td>11</td>
            <td>12</td>

        </tr>

    </table>

</body>


我的第一个网页
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12

尝试向

标记添加边框属性，如下所示：

<table border="1">

编辑：如果您看到有边框但没有边框属性集的表，可能是因为它们是用css设置样式的，这是在html中设置所有样式的首选方法（而不是像上面那样添加单个属性）：


我的第一个网页
表{边框：1px纯黑色；}
td{边框：1px纯黑色；}
1.
...

作为另一个学习练习，您还应该研究链接到外部样式表，作为在html中使用

标记的替代方法，如下所示。这是一个不错的入门教程：

您可能希望使用以下方法控制边界：

<table style="border:2px solid red;">

你好，蒂莫西。谢谢你的回复！我为第二行添加了结束标记，但仍然有相同的问题。表的边框根本没有显示。没有结束标记似乎与边框没有显示没有任何关系。谢谢你，艾伦！这就解决了问题。但是我看到其他HTML/XHTML文档没有边框属性，这可能是因为您的文件中没有DOCTYPE，请尝试在开口上方添加tag@Jameslat也许边界属性的默认值过去是非零的。我对此一无所知。但在测试最新版本的Firefox、Chrome和IE时，它们现在似乎都使用无边框作为默认设置。DOCTYPE标记似乎没有任何区别。@Sean Dunwoody我的原始源代码中有DOCTYPE标记。@Alan这意味着每次创建表时都必须指定border属性。甜心：）

<table style="border:2px solid red;">