网页设计---表格标签及属性的使用

2025-10-01 10:00:48

1、表格标签:<table></table>

表格肯定是有行和列了!

行用<tr></tr>表示

而列呢则是由行中的单位格来体现,用<td></td>表示

网页设计---表格标签及属性的使用

网页设计---表格标签及属性的使用

2、带表头的表格(表头字是粗体表示的)

表头标签:<th></th>

下面是水平表头表格:

网页设计---表格标签及属性的使用

网页设计---表格标签及属性的使用

3、下面是竖直表头表格

网页设计---表格标签及属性的使用

网页设计---表格标签及属性的使用

4、带标题的表格,用<caption></caption>表示

网页设计---表格标签及属性的使用

网页设计---表格标签及属性的使用

1、border----表格边框,数值表示表格边框粗细

width----表格宽度

height----表格高度

bgcolor----背景颜色

background----背景图片

align---表格内文本对齐方式(center中、right右、left左)

网页设计---表格标签及属性的使用

网页设计---表格标签及属性的使用

2、注意啦,当bgcolor和background一起使用,背景图片会覆盖背景颜色

网页设计---表格标签及属性的使用

网页设计---表格标签及属性的使用

3、cellpadding---单元格内容与单元格边界的距离,数值越大离得越远

网页设计---表格标签及属性的使用

网页设计---表格标签及属性的使用

4、cellspacing---单元格与单元格间的距离,数值越大离越远

网页设计---表格标签及属性的使用

网页设计---表格标签及属性的使用

5、colspan---跨列,数值表示包含多少列

rowspan---跨行,数值表示包含多少行

网页设计---表格标签及属性的使用

网页设计---表格标签及属性的使用

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢