HTML语言与网页设计
—— 使用表格
目录
? 表格的组成
? 表格的构造
? 表格的属性设置
? 表格的应用
表格的组成
? 表格标记符 table
? 表格标题 caption
? 表格行 tr （ table row）
? 表格数据 td （ table data）
? 表格表头 td （ table heading）
演示 —— 表格示例
表格的构造
? rowspan 进行行合并
? colspan 进行列合并
演示 —— 表格的行列合并
表格的属性设置
?边框与分隔线
?表格对齐
?控制单元格空白
边框与分隔线
?Frame属性
?Rules属性
?Border属性
表格对齐
?表格的页面对齐 <table align>
?表格内容的对齐
–水平对齐 (align)
–垂直对齐 (valign)
演示 —— 表格的对齐
控制单元格空白
?Cellspacing属性
?Cellpadding属性
演示 —— 控制单元格空白
表格的应用
? 页面布局
–划分页面区域
–背景色的设置
–嵌套表格
? 特殊排版效果 —— 表格细线的
实现
演示 —— 划分页面区域
演示 —— 背景色的设置
演示 —— 使用嵌套表格
表格的应用
<table border="0"
cellspacing="1" bgcolor=black>
<tr bgcolor=white>
<td>ddd
<tr bgcolor=white>
<td>ddd
</table>
演示 —— 表格细线 1,2