html精华6---使用表格显示数据.doc

htmlhtml 精华精华 6---6---使用表格显示数据使用表格显示数据使用表格显示数据1 表格由行，列和单元格单个部分组成，一般通过表格标记，行标记和单元格标记组成行贯穿表格的左右，单元格时行和列交汇的部分，是输入信息的地方表格的其他各种属性都要在和中才有效的基本语法：表格的标题表格标头中的内容 1表格标头中的内容 2表格标头中的内容 3单元格中的内容 1单元格中的内容 2单元格中的内容 3单元格中的内容 1单元格中的内容 2单元格中的内容 3和标记分别表示表格的开始和结束； 分别表示行的开始和结束, 包含几组 ，就表示该表格包含几行表示单元格的起始位置经测试，不同行之间，列是以最长的一列最为整个列的长度，自动对齐的表格的标题 设置单元格的标题，每个表格只能有一个好处：如果表格移动活在 HTML 文件中重定位，标题也会跟随表格进行相应的移动表格标头中的内容 1 用来存放表头的信息，即每列最顶端的信息实际上也是一种单元格，一般情况下浏览器会以粗体和居中的样式显示标记在中的内容设置整体的效果width=“表格宽度“ -----如果不设置宽度，那么浏览器会根据表格内容多少自动调整，值可以为像素，百分比，默认宽度自适应。

heigth=“表格高度“-----设置表格高度，值可以为像素，百分比百分比：不是嵌套表格，则相对浏览器；如果是嵌套表格，则相对于其所在的单元格宽度而言 ）align=“对齐方式“------整个摆个在页面中的对齐方式---left,默认，左对齐；center，居中；right，右对齐不影响表格中每一行每一列的对齐方式，只影响表格相对于窗口而言border=“边框宽度“-----只影响表格四周的边框宽度，不影响表格内的内容一般不超过 5，整个表格都出现边框，bordercolor=“边框颜色“-----默认是灰色，设置成 16 进制的颜色，前提边框宽度不为 0 cellspacing=“内框宽度值“----设置表格内部每个单元格之间的间距 单位是像素cellpadding=“文字与边框的间距值“-----单元格边框和里面的内容之间的距离bgcolor=“背景颜色“----设置表格背景颜色，针对整个表格，不会被行列单元格定义的颜色所覆盖background=“背景图像路径“----为表格设置背景图像，路径可以是相对的，也可以是绝对的设置表格的（逐）行属性，每次设置只针对height=“行的高度“ ------设置行的高度，只对这一标记的行有效bordercolor=“边框的颜色“ ------设置行的边框的颜色，只对这一标记的行有效bgcolor=“行的背景色“ ---------默认为透明，可以使用颜色名和16 进制。

backgound=“图片路径“ -------路径可以相对，也可以绝对align=“水平对齐方式“ ----------设置表格当前行的水平对齐方式--（left ， center， right）valign=“垂直对齐方式“ ----------设置表格当前行的垂直对齐方式（top ,middle,bottom）设置单元格属性width=“单元格宽度“ heigth=“单元格高度“----默认情况下，单元格的宽度和高度会根据内容自动调整，也可以根据这两个属性进行调整colspan=“水平跨度“ ------设置某个单元格跨的列数rowspan=“垂直跨度“ ------设置某个单元格在垂直方向上跨的行数align=“水平对齐方式“ -------与行类似 valign=“垂直对齐方式“-------与行类似bgcolor=“背景颜色“ ----------为某个单元格设置背景色bordercolor=“边框颜色“------------设置单元格的边框颜色---（经测试没有这个，可能已经改变语法规则）bordercolorlight=“亮边框的颜色“ bordercolordark=“暗边框的颜色“ ---（经测试没有这个，可能已经改变语法规则）backgound=“背景图像的路径“ ---设置某个单元格的背景图像表格的结构2.......................----------------表格最上端表首的位置的样式，可以设置如上的属性。

可以包含标记，但是一个中只能包含一个标记3.......................----------------统一设计表主体部分的样式， 可以包含标记，但是一个中只能包含一个标记4.......................----------------定义表尾的样式，可以设置如上的属性可以包含标记，但是一个中只能包含一个标记。