table表格

一、作用:

存储数据,向用户展示数据

二、标签:

表格 行(row) 列(cell) 标题 头部 特殊的单元格 主体 脚部

三、属性:

border——边框
width——宽度
height——高度
align——水平对齐方式
bordercolor——边框颜色
bgcolor——背景颜色
cellpadding——内容距边框的距离
cellspacing——单元格之间的距离
valign——竖直对齐方式

四、tr和td的属性:

1.tr的属性:

height——行高
align——行内容的水平对齐方式,默认居左,取值:left、center、right
valign——行内容的垂直对齐方式,默认居中,取值:top、middle、bottom
bgcolor——背景颜色
background——背景图片
*优先级:背景图片>背景颜色

2.td的属性:

width——宽度,一列等宽
height——高度,一行等高
align——单元格的水平对齐方式,默认居左,取值:left、center、right
valign——单元格的垂直对齐方式,默认居中,取值:top、middle、bottom
bgcolor——单元格的背景颜色
background——单元格的背景图片
colspan——跨列,水平合并
rowspan——跨行,垂直合并
*水平合并:取值为number,删除同一行的td,删除的td数=合并的数-1
垂直合并:取值为number,删除下一行的td,删除的td数=合并的数-1

好好学习,天天向上1 好好学习,天天向上2 好好学习,天天向上3
开开心心,快快乐乐1 开开心心,快快乐乐2 开开心心,快快乐乐3
事事顺心,工作顺利1 事事顺心,工作顺利2 事事顺心,工作顺利3

table表格_第1张图片

table表格_第2张图片

你可能感兴趣的:(第一部分,HTML+CSS,html)