Question

我有一个用HTML构建的页面。我在一个表格单元格中放置了页面底部的时钟。我把那个表/时钟下的东西放在HTML文件中，但它们出现在表/时钟之上。我做错了什么？

以下是代码：

＆＃13;

<head>
<center><p><h1 style="font-family:verdana">Start Page</h1></p>
<p></p>
Search
<form method="get" action="https://www.google.com/search">
<input type="text" name="q" size="31" value="">
</form>
</center>
</head>
<html>
<body bgcolor="#A0A0A0 ">
</body>
</html>
<body>
<html>

<head>
<style>
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 15px;
}
</style>
</head>

<body>
<center>
<table style="width:100%">
<table style="width:80%">
<col style="width:30%">
        <col style="width:30%">
        <col style="width:30%">
  <tr>
    <td><body link="#A60024" vlink="#A60024" alink="#0000FF"> <a href="https://drive.google.com">Google Drive</a></td>
    <td>t</td>		
    <td>50</td>
  </tr>
  <tr>
    <td><body link="#A60024" vlink="#A60024" alink="#0000FF"> <a href="https://mail.google.com">Gmail</a></td>
    <td>Jackson</td>		
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>		
    <td>80</td>
  </tr>
</table>
</center>
<center><!DOCTYPE html>
<html>
<body>

<p></p>
<!DOCTYPE html>
<html>
<body>



<p></p>
<p></p>
<p></p>
<table style="width:4%">
	


<p>
<h2><center>
<TD BGCOLOR="red"><b>Time</b></center></h2>
<script>
function startTime() {
    var today=new Date();
    var h=today.getHours();
    var m=today.getMinutes();
    var s=today.getSeconds();
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById('txt').innerHTML = h+":"+m+":"+s;
    var t = setTimeout(function(){startTime()},500);
}

function checkTime(i) {
    if (i<10) {i = "0" + i};  // add zero in front of numbers < 10
    return i;
}
</script>

<body onload="startTime()">

<div id="txt"></div>

</td>
</tr>
</p>
<FORM METHOD="LINK" ACTION="http://starfireaerospace.com/index.php/login">
<INPUT TYPE="submit" VALUE="Login">
</FORM>
<p></p>
<meta name=viewport content="width=device-width, initial-scale=1">

＆＃13;

Answer 1

最好先清理本文档。它，......我从来没有见过这样的东西。也许，在清理过程中，您将了解有关正确HTML结构的更多信息，甚至可以解决您提出的具体问题。

您可以在此处查看HTML错误：http://validator.w3.org/#validate_by_input

但是，有超过7个。你会注意到最后一个错误说验证器不能继续（lol ...）

从顶部开始，看看你能解决什么问题。如果它太多，请尝试重新开始。这是HTML5文档的最小结构：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
</head>
<body>
...
</body>
</html>

请注意，只有一个doctype，只有一个head标记，只有一个body标记。订单也很重要。

我不打算在这里发布完整的HTML 101响应，但我认为这是从您所处的位置前进的坚实起点。祝你好运！

HTML5页面底部

1 个答案: