gpt4 book ai didi

html - 使用表单进行按钮导航和按钮不出现

转载 作者:行者123 更新时间:2023-11-28 01:49:24 25 4
gpt4 key购买 nike

所以我为我的大学作业创建了一个网站,它有一个非常好的导航系统,使用两列,左边有导航按钮,使用表单和输入,这使我的网站看起来就像我想要的那样

http://gyazo.com/38ed9ea8133e44c57209c6992d2a4554

由于个人原因,我试图重新创建一个类似的网站,以便我可以一起了解更多有关 CSS 和 HTML 的功能,但由于某些原因,即使所有代码都相同,但按钮没有出现,我不能在我的生活中看看为什么他们不会在新网站上显示。下面是我的 CSS 文件和下面的 HTML。

如果您明白原因,请告诉我!
这是我的 CSS

h1 {
color:#FFFFFF;
text-align:center;
}
body {
margin-top:75px;
margin-bottom:75px;
margin-left:30px;
margin-right:30px;
background-color:#A9BCF5;
}
.bt {
width:1050px;
}
.bt tr {
margin:0;
padding:4px;
align:center;
list-style-type:none;
}
.bt td {
align:left;
}



这是 html

<!DOCTYPE html>
<head>
<title>
Test4CSS
</title>
<link rel="stylesheet" type="text/css" href="style.css">
<h1>Test Heading Text for the site</h1>
</head>
<body>
<table class="bt">
<tbody>
<tr>
<td>
<form action="index.html>
<input type="submit" value="Home Page">
</form>
<form action="page1.html>
<input type="submit" value="The First Page">
</form>
<form action="page2.html>
<input type="submit" value="The Second Page">
</form>
<form action="page3.html>
<input type="submit" value="The Third Page">
</form>
<form action="page4.html>
<input type="submit" value="The Fourth Page">
</form>
<form action="page5.html>
<input type="submit" value="The Fifth Page">
</form>
</td>
<td>
<p>
This is the example text for the page, to understand<br>
a little bit about the formatting that I have put in place.
</p>
</td>
</tr>
</table>
</body>
</html>

最佳答案

这很简单 - 请参阅 http://codepen.io/anon/pen/iwhnJ

你的报价有一些错误。

<form action="index.html">
<input type="submit" value="Home Page">
</form>

在结尾的 "上方的行中丢失了:<form action="index.html> 这是所有表单元素的情况而不是 <form action="page3.html> 你必须写 <form action="page3.html">

关于html - 使用表单进行按钮导航和按钮不出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20915766/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com