表格属性设置

来源：百度文库 编辑：神马文学网 时间：2024/04/24 01:07:24
表格的色彩
表元的背景色彩和背景图象


#=rrggbb 16 进制 RGB 数码, 或者是下列预定义色彩名称：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua





FoodDrinkSweet
AB

Food
Drink
Sweet
A
B
表格边框的色彩




FoodDrinkSweet
ABC

Food
Drink
Sweet
A
B
C
表格边框色彩的亮度控制


bordercolorlight=White bordercolordark=Maroon>


FoodDrinkSweet
ABC

Food
Drink
Sweet
A
B
C
表格的分组显示(Structured Table)
按行分组
... - 表的题头(Header)
... - 表的正文(Body)
... - 表的脚注(Footer)








FoodDrinkSweet
ABC
DEF

Food
Drink
Sweet
A
B
C
D
E
F
按列分组
#=left, right, center











FoodDrinkSweet
ABC
DEF

Food
Drink
Sweet
A
B
C
D
E
F
列的属性控制
#=从左数起，具有指定属性的列的列数
#=left, right, center











FoodDrinkSweet
ABC
DEF

Food
Drink
Sweet
A
B
C
D
E
F
表格中边框的显示
显示所有 4 个边框








FoodDrinkSweet
ABC
DEF

Food
Drink
Sweet
A
B
C
D
E
F
只显示上边框
Food
Drink
Sweet
A
B
C
D
E
F
只显示下边框

Food
Drink
Sweet
A
B
C
D
E
F
只显示上、下边框

Food
Drink
Sweet
A
B
C
D
E
F
只显示左、右边框

Food
Drink
Sweet
A
B
C
D
E
F
只显示左边框

Food
Drink
Sweet
A
B
C
D
E
F
只显示右边框

Food
Drink
Sweet
A
B
C
D
E
F
不显示任何边框

Food
Drink
Sweet
A
B
C
D
E
F
表格中分隔线(Rules)的显示
显示所有分隔线














FoodDrinkSweet
ABC
DEF
Total $-00.0

Food
Drink
Sweet
A
B
C
D
E
F
Total $-00.0
只显示组(Groups)与组之间的分隔线
Food
Drink
Sweet
A
B
C
D
E
F
Total $-00.0
只显示行与行之间的分隔线

Food
Drink
Sweet
A
B
C
D
E
F
Total $-00.0
只显示列与列之间的分隔线

Food
Drink
Sweet
A
B
C
D
E
F
Total $-00.0
不显示任何分隔线

Food
Drink
Sweet
A
B
C
D
E
F
Total $-00.0
表格的边框不断在闪
以下方法可以令表格的边框不断在闪，很实用的
在BODY区加上
style="border:5px solid yellow">



加入任意的物件.加入任意的物件.

加入任意的物件.加入任意的物件.

加入任意的物件.加入任意的物件.


3.表格分行下载
这个对表哥内容很大比较实用
在需要分行下载处加上
比如：

















flsdjfsdjfkdsjf
skdjfsdjfksd
flsdjfsdjfkdsjf
skdjfsdjfksd

4.几种样式不同的表格




普通表格

5.正立方表格
bordercolordark="#000000" style="position: absolute; left: 10; top:
49" height="26">



正立方表格

6.细表格
bgcolor="#000000" cellspacing="1" cellpadding="0"
height="22" style="position: absolute; left: 11; top: 86">



细表格

7.立体表格
bordercolordark="#ffffff" style="position: absolute; left: 10; top:
112" height="34">



bordercolorlight="#000000" bordercolordark="#eeeeee" >立体表格

8.无名表格





无名表格 　

　





9.表中表效果Ⅱ





align="center"> 表中表效果Ⅱ frame="hsides" border="1"
bordercolorlight="#000000" bordercolordark="#ffffff"
width="100%" cellspacing="1" cellpadding="0" height="78">

10.表中表效果Ⅰ
cellpadding="0">



表中表效果Ⅰ
 　

　



TABLE表格
表格在网站应用中非常广泛,可以方便灵活的排版,很多动态大型网站也都是借助表格排版,表格可以把相互关联的信息元素集中定位,是浏览页面的人的一目了然.所以说要制作好网页,就要学好表格
7-1 定义表格的基本语法
在html文档中，表格是通过,,
定义表头单元格。表格中的文字将以粗体显示，在表格中也可以不用次标签，标签内
...
定义一行标签，一组行标签内可以建立多组由
定一单元格标签，一组标签内
在一个最基本的表格中，必须包含一组
,
标签来完成的，如下表所示：
表格标记
标 签
描 述
...

用于定义一个表格开始和结束
...标签必须放在
或标签所定义的单元格
...标签将将建立一个单元格，标签必须放在
标签，一组标签(或，行标签用它的属性值来修饰，属性都是可选的。
标签的属性
属 性
描 述
align
行内容的水平对齐
valgn
行内容的垂直对齐
bgcolor
行的背景颜色
bordercolo
行的边框颜色
bordercolorlight
行的亮边框颜色
bordercolordark
行的暗边框颜色
的参数设定（常用）：

实例：7-3.html


表格行的控制


)和一组标签。
实例：7-1.html

一个简单的表格














第1行中的第1列第1行中的第2列第1行中的第3列
第2行中的第1列第2行中的第2列第2行中的第3列




7-2（1)表格标签的属性
表格标签
有很多属性，最常用的属性有：
标签的属性
属 性
描 述
width
表格的宽度
height
表格的高度
align
表格的在页面的水平摆放位置
background
表格的背景图片
bgcolor
表格的背景颜色
border
表格边框的宽度（以像素为单位）
bordercolor
表格边框颜色
bordercolorlight
表格边框明亮部分的颜色
bordercolordark
表格边框昏暗部分的颜色
cellspacing
单元格之间的间距
cellpadding
单元格内容与单元格边界之间的空白距离的大小
实例：7-2-1.html











第1行中的第1列第1行中的第2列第1行中的第3列
第2行中的第1列第2行中的第2列第2行中的第3列

7-2（2） 表格的边框显示状态 frame
表格的边框分别有上边框、下边框、左边框、右边框。这四个边框都可以设置为显示或隐藏状态
语法格式：
表格边框显示状态frame的值的设定
frame的值
描 述
box
显示整个表格边框
void
不显示表格边框
hsides
只显示表格的上下边框
vsides
只显示表格的左右边框
alove
只显示表格的上边框
below
只显示表格的下边框
lhs
只显示表格的左边框
rhs
只显示表格的右边框
实例：7-2-2.html


表格边框的显示状态















姓名性别年龄专业
卡卡男50计算机



7-4（3） 设置分隔线的显示状态 rules
语法格式：
分隔线的显示状态rules的值的设定
rules的值
描 述
all
显示所有分隔线
groups
只显示组与组的分隔线
rows
只显示行与行的分隔线
cols
只显示列于列的分隔线
none
所有分隔线都不显示
实例:7-2-3.html


无标题文档















姓名性别年龄专业
笨笨猫女99计算机















姓名性别年龄专业
笨笨猫女99计算机



7-3 表格行的设定
表格是按行和列（单元格）组成的，一个表格有几行组成就要有几个行标签



















姓 名性 别年 龄专 业
咚 咚男18学 生
楠 楠女17学 生



7-4 单元格的设定
和都是插入单元格的标签，是成对出现的。用于表头标签，表头标签一般位于首行或首列，标签之间的内容就是位于该单元格内的标题内容，其中的文字以粗体居中显示。数据标签就是该单元格中的具体数据内容,和标签的属性都是一样的，属性设定如下：
和的属性
属 性
描 述
width/height
单元格的宽和高，接受绝对值（如 80）及相对值（如 80%）。
colspan
单元格向右打通的栏数
rowspan
单元格向下打通的列数
align
单元格内字画等的摆放贴，位置（垂直），可选值为： left, center, right。
valign
单元格内字画等的摆放贴　位置（垂直），可选值为： top, middle, bottom。
bgcolor
单元格的底色
bordercolor
单元格边框颜色
bordercolorlight
单元格边框向光部分的颜色
bordercolordark
单元格边框背光部分的颜色
background
单元格　纸，与 bgcolor 任用其一
的参数设定（常用）：
的参数设定（常用）：
例如：
实例：7-4.html


单元格的设定















姓 名性 别年 龄专 业
笨笨猫女18学生



7-5 设定跨多行多列单元格
要创建跨多行、多列的单元格，只需在或中加入ROWSPAN或COLSPAN属性的属性值，默认值为1。表明了表格中要跨越的行或列的个数。
跨多列的语法： 　
colspan表示跨越的列数，例如colspan=2表示这一格的宽度为两个列的宽度。
跨多行的语法： 　
rowspan所要表示的意义是指跨越的行数，例如rowspan=2就表示这一格跨越表格两个行的高度。
实例：7-5.html


跨多行跨多列的单元格


























学生基本信息成 绩
姓 名性 别专 业课 程分 数
咚 咚男计算机程序设计68
喃 喃女89



7-6 表格的分组
7-6-1 表格的行分组//
html文档的表格按行分组是由表头标签、表格主体标签和尾注标签三个部分组成的。其中尾注标签很少用。标签是成对标签，其标签内是由表头标签标识的表头元素。标签用于规定表格主体部分的元素。和标签的属性和标签是一样的。
实例：7-6-1.html


表格按行分组



















姓 名性 别专 业
咚 咚男计算机
喃 喃女园 林



7-6-2 表格按列分组
html使用标签来将表格分组。
语法格式：
说明：标签有两个属性，span和align, 他们都是可选的。span属性的值是数字，表示该组包含的列数，默认值为1。align属性用以规定该组所跨列中所有单元格中内容在水平方向上的位置。该属性的值为left,center,right之一。它们表示单元格的内容是左对齐，水平居中还是右对齐。
实例：7-6-2.html


表格按列分组

















姓名性别专业分数
咚 咚男计算机79
喃 喃女园 林90
依 依女微波通信76



7-6-3 表格的行列分组
实例：7-6-3.html


同时进行行列分组






















姓名性别专业分数
咚 咚男计算机85
喃 喃女园 林94
依 依女微波通信87



7-7 表格的标题标签
表格标题的位置，可由ALIGN属性和VALIGN属性来设置，ALIGN属性设置标题位于文档的左，中，右。 VALIGN属性设置标题位于表格的上方和表格的下方。下面为表格标题位置的设置格式。
语法格式：
表哥标题
应放在标签内，在表格行标签标签之前。
标签的默认属性是标题位于表格的上方中间位置。
实例：7-7.html


表格的标题标签
























7-8 表格的嵌套
在html页面中，使用表格排版是通过嵌套来完成的，即一个表格内部可以嵌套另一个表格，用表格来排版页面的思路是：由总表格规划整体的结构，由嵌套的表格负责各个子栏目的排版，并插入到表格的相应位置，这样就可以使页面的各个部分有条不紊，互不冲突，看上去清晰整洁。在实际做网页时一般不显示边框,边框的显示可根据自己的爱好来设定。在实例中为了让大家能够看清楚，都设置了有边框。
实例7-8.html


表格嵌套


学生信息表
学生基本信息成 绩
姓 名性 别专 业课 程分 数
咚 咚男计算机程序设计68










网页标志
广告条































标题栏
标题栏
标题栏
标题栏
标题栏
标题栏
标题栏
标题栏
标题栏
内容六







内容一
内容二










内容三
内容四
内容五


表格属性设置 电脑的属性设置 电脑的属性设置 电脑的属性设置 电脑的属性设置 网卡属性设置 基本控件属性设置 设置控件属性 使用CSS设置表格 网页页面属性设置思路 【Earls】电脑的属性设置 css常用的属性设置 使用CSS设置表格二 excel表格设置双面打印 overflow :用法 设置滚动条属性 FCKeditor 的各项属性设置详细说明 电脑基本操作--属性设置(3) 一电脑的属性基本设置 电脑里的属性基本设置 对话框属性中设置的窗口风格 “精品欣赏”网页框架属性设置 如何设置音频属性 如何设置语声效果 excel表格设置双面打印1 为表格设置不同背景色