HTML 表格

表格<table></table>

width:宽度,可以用像素或百分比;   border:边框,常用值为0;  cellpadding:内容和单元格边框的距离,常用值为0;    cellspacing:单元格之间的边距常用值为0;   bgcolor:背景色;     background:背景图片   align:对齐方式,可选择center,left,right

<tr></tr>    行

align:一行对齐方式,可选择center,left,right      height:行高    bgcolor:背景色;     background:背景图片

<td></td>  单元格

align:单元格内容的对齐方式   valign:单元格的内容的垂直对齐方式。   width:单元格宽度。   height:单元格高度。    bgcolor:背景色。    background:背景图片。   

    内容必须放在单元格里,单元格必须放在行里,行必须放在表格里。

    设置单元格行高、列高时,会同时影响对应的行或列。

单元格合并:(建议尽量用表格嵌套)

    colspan=“n”    合并同一行的单元格(后面写代码要减去相对应的列)

    rowspan=“n”   合并同一列单元格(从第二行开始减去相对应的列)

<body>
<table align="center" width="480" height="120" border="1" cellpadding="0" cellspacing="0">
<tr align="center" bgcolor="#00FFCC">
<td width="120"><a href="http://http://www.autohome.com.cn/" target="new">汽车之家</a></td>
<td width="120">易车网</td>
<td width="120">太平洋汽车</td>
<td>新车评网</td>
</tr>
<tr align="center">
<td width="120">淘宝</td>
<td width="120" bgcolor="#9900CC">京东</td>
<td width="120">聚美优品</td>
<td rowspan="2">苏宁易购</td>
</tr>
<tr align="center">
<td width="120" colspan="2">当当网</td>
<td width="120">58同城</td>
</tr>
</table>
</body>

 


  

posted @ 2016-10-25 16:25  浆糊033  阅读(269)  评论(0编辑  收藏  举报