第四章 HTML 表格.docx
- 文档编号:6622516
- 上传时间:2023-01-08
- 格式:DOCX
- 页数:12
- 大小:24.89KB
第四章 HTML 表格.docx
《第四章 HTML 表格.docx》由会员分享,可在线阅读,更多相关《第四章 HTML 表格.docx(12页珍藏版)》请在冰豆网上搜索。
第四章HTML表格
第四章HTML表格
一、基本语法
⏹
❑Width属性——表格宽度
⏹可以为像素点值或百分比
❑Border属性——边线宽度
⏹具体数值,0表示不显示边线
❑Frame属性——控制表格边框表示表格最外层的四条框线,该属性的取值可以是:
⏹Void——无边框。
void是默认值,即默认时不显示边框
⏹Above——仅有顶框
⏹Below——仅有底框
⏹Hsides——仅有顶框和底框(水平方向)
⏹vsides——仅有左、右侧框(垂直方向)
⏹lhs——仅有左侧框
⏹rhs——仅有右侧框
⏹box——包含全部四个边框
⏹border——包含全部四个边框
❑rules属性——控制是否显示以及如何显示单元格之间的分隔线,取值可以是:
⏹none——无分隔线。
none是默认值,即默认时不显示单元格间的分隔线
⏹rows——仅有行分隔线
⏹cols——仅有列分隔线
⏹all——包括所有分隔线
❑Align属性——控制表格与页面其它内容的对齐方式,取值可以是:
⏹Left、center、right
❑Bgcolor属性——设置表格的背景颜色
❑background属性——设置表格的背景图案
❑Cellspacing属性——单元格之间的距离
❑cellpadding属性——分割线与数据之间的距离
二、放入标题
1、基本语法
❑定义表格的标题
❑align属性——表格标题在网页中的对齐方式
⏹取值为:
left、center、right
⏹
2、举例
建立caption.htm,输入以下代码:
1997—1999年考试人数统计表
三、插入一个空数据单元格
1、语法
⏹
❑定义行中的具体单元格
❑align属性——单元格内数据的水平对齐方式
⏹取值为:
left、center、right
❑valign属性——单元格内数据的垂直对齐方式
⏹取值为:
top、middle、bottom
❑bgcolor属性——单元格的背景颜色
❑width属性、height属性——单元格宽度、高度
⏹具体数据值或百分比
❑rowspan属性——单元格所占的行数
⏹
❑colspan属性——单元格所占的列数
2、举例
建立TD.htm,输入以下代码:
1997—1999年考试人数统计表
4、创建一个新的数据行
1、语法
⏹
❑定义表格的一行
❑align属性——行中数据的水平对齐方式
⏹取值为:
left、center、right
❑valign属性——行中数据的垂直对齐方式
⏹取值为:
top、middle、bottom
❑Bgcolor属性——整行单元格的背景颜色
2、举例
建立tr.htm,输入以下代码:
1997—1999年考试人数统计表
五、跨多列的表格单元
1、语法
跨多列的单元表格相当于把原来一行中对应的几个单元格合并,它是
COLSPAN=n>
或
COLSPAN=n>
2、举例
建立colspan.htm,输入以下代码:
1997—1999年考试人数统计表
六、跨多行的表格单元
1、语法
跨多行的单元表格相当于把原来一列中对应的几个单元格合并,它是
ROWSPAN=n>
或
ROWSPAN=n>
2、举例
建立ROWSPAN.htm,输入以下代码
1997—1999年考试人数统计表