HTML 布局 - 使用表格
使用 HTML 标签是创建布局的一种简单的方式。
大多数站点可以使用
或者
元素来创建多列。CSS 用于对元素进行定位，或者为页面创建背景以及色彩丰富的外观。
 |
即使可以使用 HTML 表格来创建漂亮的布局，但设计表格的目的是呈现表格化数据 - 表格不是布局工具！ |
下面的例子使用三行两列的表格 - 第一和最后一行使用 colspan 属性来横跨两列：
实例
<!DOCTYPEhtml><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)title> head><body><tablewidth="500"border="0"><tr><tdcolspan="2"style="background-color:#FFA500;"><h1>主要的网页标题h1>td>tr><tr><tdstyle="background-color:#FFD700;width:100px;"><b>菜单b><br>HTML<br>CSS<br>JavaScripttd><tdstyle="background-color:#eeeeee;height:200px;width:400px;">内容在这里td>tr><tr><tdcolspan="2"style="background-color:#FFA500;text-align:center;">版权 © runoob.comtd>tr>table>body>html>
