0

我目前正在学习 HTML。我试图创建一个显示简单表格的简单 HTML 文档，但我遇到了麻烦。我的网络浏览器（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>
4

3 回答 3

2

尝试向<table>标签添加边框属性，如下所示：

<table border="1">

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

<head>
    <title>My first web page</title>
    <style type="text/css">
       table {border: 1px solid black;}
       td {border: 1px solid black;}
    </style>
</head>
<body>
    <table>
        <tr>
            <td>1</td>
...
</body>

作为另一个学习练习，您还应该考虑链接到外部样式表，作为<style>在 html 中使用标记的替代方法，如此处所示。这是一个不错的入门教程：http ://www.w3schools.com/css/css_howto.asp

于 2012-08-05T14:09:27.740 回答
0

您可能想通过使用类似的东西来控制边界：

<table style="border:2px solid red;">
于 2012-08-05T14:40:24.313 回答
-1

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

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

于 2012-08-05T14:06:27.653 回答