当我遗漏部分时，页脚显示不同类型的结果，我无法解释为什么输出不同

Question

我知道这是我第一次来 Whosebug，但我希望有人能帮助我。我才刚刚开始我的网络编程之旅。

第一个代码给出了我想要的页脚：

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>Klausur Web Programming</title>
<style type="text/css">

footer {
width: 800px;
border-top: 1px solid black;
text-align: right;
}
footer p {
text-transform: uppercase; 
</style>
</head>
<body>

<footer>
<p>web programming Klausur &copy; 2021</p>
</footer>
</body>
</html>

第二个显示了更多添加的代码和页脚的不同结果，我无法解释原因。 border-top: 1px solid; 在哪里？或 text-align: right;?

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>Klausur Web Programming</title>
    <style type="text/css">
    .firstcol {
    font-weight: bold;
    }
    td {
    }
    border: 1px dashed black;
    footer {
    width: 800px;
    border-top: 1px solid black;
    text-align: right;
    }
    footer p {
    text-transform: uppercase; 
    }
    </style>

</head>
<body>
    <div class="container">
    <p style="text-decoration: underline;">Hier ist die Notenliste für das aktuelle Semester:</p>
    <table>
        <tr>
            <th class=”firstcol” id=”firstcol”>Name</th>
            <th>Matrikelnummer</th>
            <th>Note</th>
        </tr>
        <tr>
            <td class=”firstcol”>Paul</td>
            <td>123456</td>
            <td>1,0</td>
        </tr>
        <tr>
            <td class=”firstcol”>Paula</td>
            <td>123457</td>
            <td>1,0</td>
        </tr>
    </table>
    </div>
<footer>
<p>web programming Klausur &copy; 2021 </p>
</footer>
</body>
</html>

谢谢

Answer 1

您的第二个代码中存在一些错误。请将其更改为：

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <title>Klausur Web Programming</title>
    <style type="text/css">
        .firstcol {
            font-weight: bold;
        }
        td {
            border: 1px dashed black;
        }
        footer {
            width: 800px;
            border-top: 1px solid black;
            text-align: right;
        }
        footer p {
            text-transform: uppercase; 
        }
    </style>

</head>
<body>
    <div class="container">
        <p style="text-decoration: underline;">Hier ist die Notenliste für das aktuelle Semester:</p>
        <table>
            <tr>
                <th class=”firstcol” id=”firstcol”>Name</th>
                <th>Matrikelnummer</th>
                <th>Note</th>
            </tr>
            <tr>
                <td class=”firstcol”>Paul</td>
                <td>123456</td>
                <td>1,0</td>
            </tr>
            <tr>
                <td class=”firstcol”>Paula</td>
                <td>123457</td>
                <td>1,0</td>
            </tr>
        </table>
    </div>
    <footer>
        <p>web programming Klausur &copy; 2021 </p>
    </footer>
</body>
</html>

当我遗漏部分时，页脚显示不同类型的结果，我无法解释为什么输出不同

Footer shows to different types of result when I leave parts out and I can't explain why the output is different

css

footer