Question

我目前正在学习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>

Answer 1

尝试向<table>标记添加border属性，如下所示：

<table border="1">

编辑：如果您看过带有边框的表格，但没有设置border属性，可能是因为它们是用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>

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

Answer 2

您可能希望使用以下内容来控制边框：

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

Answer 3

你错过了第二行的结束元素。应该是：

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

HTML表格没有显示

3 个答案: