表格和框架.docx
《表格和框架.docx》由会员分享，可在线阅读，更多相关《表格和框架.docx（13页珍藏版）》请在冰点文库上搜索。
表格和框架
表格
1.表格的基本格式
2.
标签下的常用属性3.
标签下的边框设置4.
| 标签下的常用属性 5.拆分与合并单元格 6.表格的结构化、标题 7.表格的嵌套 在网页中表格是一种经常使用到得设计结构，就像表格的内容中可以包含任何的数据，如文字、图像、表单、超链接、表格等等，所有在HTML中可以使用的数据，都可以被设置在表格中，所以有关表格设置的标记与属性也特别多。 1表格的基本格式 格式: 功能: 用来声明表格开始与结束. |
|---|
…
用来设置表格的行.… | 用来设置表头栏.… | 用来设置数据栏.2
标签下的属性属性名称属性值说明
border像素设置表格的边框
cellspacing像素绝对值，单元格之间的距离
百分比相对值，单元格之间的距离
cellpadding像素绝对值，单元格内容与边框之间的距离
百分比相对值,单元格内容与边框之间的距离
width像素绝对值,像素表示表格宽度
百分比相对值,百分比表表格宽度
height像素绝对值,像素表示表格高度
百分比相对值,百分比表示表格高度
alignleft表格居左（默认）
center表格居中
right表格居右
bgcolor英文/十六表格的背景颜色
backgroundURL表格的背景图片
summary字符串用来描述表格数据说明
（summary属性规定表格内容的摘要，不会对普通浏览器中产生任何视觉变化。
屏幕阅读器可以利用该属性。
）
bordercolor英文/十六边框的颜色
bordercolorlight同上边框的亮色（IE支持）
bordercolordark同上边框的暗色
3
| 标签下的常用属性 属性名称属性值说明 width像素绝对设置,以像素值设置宽百分比相对设置,以百分比设置宽 height像素绝对设置,以像素值设置高 百分比相对设置,以百分比设置宽 bgcolor英文/十六数据栏的颜色设置 align（水平方向）left数据靠左 center数据靠中 right数据靠右 valign（垂直方向）top数据靠上 middle数据靠中 bottom数据靠下 nowrap无在单元格中换行 4表格的标题设置和表头设置 （1）表格的标题： 下的属性值有:属性名称属性值说明 aligntop标题在表格上方 bottom标题在表格下方 （2）表头设置 5结构化格式： ……--------表头区 ……--------表体区……………………… ……--------表尾区
4表格的边框设置 属性名称属性值说明 border像素设置表格的边框 cellspacing像素绝对值，单元格之间的距离 百分比相对值，单元格之间的距离 cellpadding像素绝对值，单元格内容与边框之间的距离 百分比相对值,单元格内容与边框之间的距离 属性名称属性值说明 bordercolorlight英文/十六边框的亮色（IE支持） bordercolordark英文/十六边框的暗色（IE支持） 属性名称属性值说明 framevoid不要显现表格的边线 above只要显现出表格的上边线 below只显现出表格的下边线 hsides只显示表格的上下边线 vsides只显现表格的左右边线 lhs只显现表格的左边线 rhs只显现表格的右边线border/box会显现出表格的所有边线 rulesrows只显示出横行的格框线 cols只显示出直行的格框线 all显示全部格框线 groups表示列组合水平部分 none不显示任何格框线 5表格的对其方式 （1）表格的对其方式 属性名称属性值说明 alignleft表格居左（默认） center表格居中 right表格居右 （2）单元格内容的对其方式 6表格大小、背景颜色、背景图案的设置 属性名称属性值说明 width像素绝对值,像素表示表格宽度 百分比相对值,百分比表表格宽度 height像素绝对值,像素表示表格高度 百分比相对值,百分比表示表格高度 bgcolor英文/十六表格的背景颜色 backgroundURL表格的背景图片 7合并单元格 属性名称属性值说明 colspan数字向两边扩展栏位 rowspan数字向下扩展栏位 8嵌套表格的应用 框架 1.框架的基本结构 2.框架的嵌套 3.框架与超链接 4.内联框架 通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。 每份HTML文档称为一个框架，并且每个框架都独立于其他的框架 1框架的基本结构 格式： 功能说明: 注意这里没有（ 标签）3多框架与超链接 框架式网站的好处就是在同一张页面可以显示多个页面，而且可以跟方便的进行链接。 相关属性说明： 的格式：
超链接在相应窗体打开超链接 4内联框架 格式: 功能: 它是个内联框架，是在页面里生成个内部框架。 属性名称属性值说明 srcURL链接的页面 height像素/%绝对/相对高度 width像素/%绝对/相对宽度 scrollingyes不管网页内容的大小，都出现滚动条 no不管网页内容的大小，都不现滚动条 auto浏览器自动判断，是否需要滚动条 frameborder0\1不出现框体边/出现窗体边线
展开阅读全文
相关搜索
| |
|---|