表格标签:
作用:展示数据
页面布局
<table></table>表格
table的属性:width 宽度 可以用百分比或像素表示
border 边框 定义边框的粗细
bgcolor 背景色
bordercolor 边框颜色
background 背景图片
cellpadding 单元格间距 内容跟单元格边框的间距
cellspacing 单元格边距 单元格与单元格之间的距离
<tr></tr> 行
<td></td> 单元格
td的属性:width 单元格宽度
height 单元格高度
bgcolor 单元格背景色
align 单元格内容的水平对齐方式 aligh="left" 左对齐 aligh="right" 右对齐 aligh="center" 居中对齐
valign 单元格内容的垂直对齐方式 valign="top" 居上对齐 valign="middle" 居中对齐 valign="bottom" 居下对齐
colspan="n" 合并列 在行里面合并列 ( n 合并单元格个数)
rowspan="n" 合并行 在列里面合并行( n 合并单元格个数)
<th></th> 表头 单元格的内容自动居中加粗 替换<td></td> 后加<tbody></tbody>
例<tr>
<th>内容1</th>
<th>内容2</th>
<th>内容3</th>
</tr>
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="80"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="750" height="80"> </td> <td>首页</td> <td>产品介绍</td> <td>公司概括</td> <td>了解我们</td> <td> </td> </tr> </table></td> </tr> <tr> <td height="300"> </td> </tr> <tr> <td height="200"><table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td height="300"> </td> <td> </td> <td> </td> </tr> </table></td> </tr> <tr> <td height="70" bgcolor="#0099FF"> </td> </tr> </table> </body> </html>