表格和框架.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不出现框体边/出现窗体边线
展开阅读全文
相关搜索
| |
---|