10、HTML 页面布局：表格与框架的应用

redis7keeper

于 2025-10-27 11:06:14 发布

阅读量5

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML/CSS精粹解读文章标签： HTML 表格布局 CSS布局

本文链接：https://blog.youkuaiyun.com/redis7keeper/article/details/155157993

HTML/CSS精粹解读专栏收录该内容

37 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

HTML 页面布局：表格与框架的应用

1. 表格在页面布局中的应用

表格是 HTML 中最灵活的元素之一，它不仅可用于展示表格数据，还在文档格式化和页面布局中占据重要地位。

1.1 基础格式化

在一个简单的表单中，若不使用表格，元素布局可能较为混乱。例如以下代码：

<!DOCTYPE HTML PUBLIC "-////W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Simple Form</title>
</head>
<body>
<form>
<p>Name:&nbsp;<input type="text" size="40"></p>
<p>Age:&nbsp;
<input type="radio" name="20to30" value="20to30">
&nbsp;20-30&nbsp;
<input type="radio" name="31to40" value="31to40">
&nbsp;31-40&nbsp;
<input type="radio" name="41to50" value="41to50">
&nbsp;41-50&nbsp;
</p>
</form>
</body