9、HTML 页面布局：表格与框架的运用

sql99

于 2025-10-28 13:12:49 发布

阅读量5

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML与CSS设计之道文章标签： HTML 表格布局框架布局

本文链接：https://blog.youkuaiyun.com/sql99/article/details/155158224

HTML与CSS设计之道专栏收录该内容

35 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

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

一、表格在页面布局中的应用

1.1 表格基础格式化

表格是 HTML 中最灵活的元素之一，它不仅能用于展示表格数据，还广泛应用于文档格式化和页面布局。下面通过一个简单表单的例子，展示表格在元素对齐方面的作用。

示例 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&