【HTML】11-使用 table进行布局

最新推荐文章于 2025-05-13 14:19:17 发布

原创最新推荐文章于 2025-05-13 14:19:17 发布 · 709 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #html #前端

HTML教程专栏收录该内容

11 篇文章

订阅专栏

本文探讨了如何在网页设计中选择，对比使用table标签和div+css进行页面布局，特别关注了table的过时和div+css的现代推荐实践。

<!--
    table布局：传统布局方式
    div+css布局：推荐使用的布局方式
-->

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>使用table标签进行页面布局</title>
	</head>
	<body>
		
		<h1 align="center">标题</h1>
		<table width="600px" border="1px" cellspacing="9px" cellpadding="10px" align="center">
			<tr>
				<td align="right" width="160px">用户名：</td>
				<td><input type="text" name="username" id="username" /></td>
				<td>用户名必须是6-10位的字母和数字</td>
			</tr>
			<tr>
				<td align="right">密码：</td>
				<td><input type="password" name="password" id="password" /></td>
				<td>密码必须是6-20位的字母数字特殊符号的组合</td>
			</tr>
		</table>
		
	</body>
</html>