我是html的新手,我试图用表格创建一个简单的登录表单。但页脚内容不对齐?
如何在不使用css的情况下对齐此页脚?
我需要在不使用页脚标记的情况下创建此表单吗?
那么任何人都可以解释如何进行对齐吗?
<body>
<table align="center">
<tr>
<td> <h2>Login form</h2>
</td>
</tr>
<tr>
<td>
<table align="center">
<form name="new" action="" onsubmit="">
<tr>
<td><p>User name:<p></td>
<td><input type="text"></td>
</tr>
<tr>
<td><p>Password:<p></td>
<td><input type="text"></td>
</tr>
<tr>
<td colspan="2" align="center"><input id="gobutton" type="submit" value="Go!"/></td>
</tr>
</form>
</table>
</td>
</tr>
<tr>
<td><p>About</p></td>
<td><p>Contact</p></td>
<td><p>Press</p></td>
</tr>
</table>
</body>
答案 0 :(得分:3)
您需要将colspan=3
添加到第一个和第二个td,
<table align="center">
<tr>
<td colspan="3"> <h2>Login form</h2>
</td>
</tr>
<tr>
<td colspan="3">
<table align="center">
<form name="new" action="" onsubmit="">
<tr>
<td colspan="2" ><p>User name:</p></td>
<td><input type="text" /></td>
</tr>
<tr>
<td colspan="2" ><p>Password:</p></td>
<td><input type="text" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input id="gobutton" type="submit" value="Go!"/></td>
</tr>
</form>
</table>
</td>
</tr>
<tr>
<td><p>About</p></td>
<td><p>Contact</p></td>
<td><p>Press</p></td>
</tr>
</table>
答案 1 :(得分:0)
你需要了解colspans和rowpans,因为你在第一行和第二行有2个单元格,然后在最后一行有3个单元格,它会强制标签翻转。
研究:在表格中
它将解决您的问题