边框代码注解【1】

来源:百度文库 编辑:神马文学网 时间:2024/04/25 15:29:42
边框代码注解
边框代码注解
2009年3月9日   腾飞
(资料来源:网络)
边框其实就是一种表格。要制作边框或者要调节边框中的具体细节,首先要明确表格语法与表格代码的基本属性。
一、基本代码简介:
:表格的起始符。任意一个表格的开始都必须以它开头,且必须有终止符

:表体的起始符。紧跟在之后,表示表体开始。必须有结尾符,放在
之前。在纯网页中可以不要tbody元素,但在论坛一定要使用,否则,当帖子用到较多的表格时,论坛的自动填充功能将可能会导致代码出错。
:tr的作用是规定表格的行,其中,t是table,r是row(行)。有多少组tr,这张表格就有多少行。;紧跟在之后。必须有终止符。
:td的作用是规定表格的列,t是table,d可理解为down(向下)。有多少组td,这张表格就有多少列。第一个紧跟在之后。终止符为。td与tr配合构成单元格。
:这些都是相应元素的终止符,表示相应元素所规范的内容结束。必须注意它们的排列顺序,不能有错。 从表格的代码框架分析得出:表格标签里,所有元素都成对出现,而这些元素是按照从大到小的顺序从外往里层层包裹的。table最大,它占在起始和终结的位置,tbody是老二,tr是老三,td最小,它在最里层。
border:此属性定义表格的边框。比如,border=1,表示表格边框的粗细为1个像素(默认值),为0表示没有边框。
cellspacing:单元格间距。当一个表格有多个单元格时,各单元格的距离就是cellspacing了,如若表格只有一个单元格,那么,这个单元格与表格上、下、左、右边边框的距离也是cellspacing。
cellpadding:单元格衬距。指该单元格里的内容与cellspacing区域的距离,如果cellspacing为0,则表示单元格里的内容与表格周边边框的距离。
width:表格的宽度。取值从0开始,默认以像素为单位,与显示器的分辨率的像素是一致的。800×600的显示分辨率下,如果表格设置成1000个像素的宽度,那么,得出的效果将导致IE的横向滚动条出现,只有通过滑动它才能看到表格最右边的内容,所以建议在设置表格的宽度时充分考虑显示分辨率问题。width的取值还可以使用百分比,如widht="100%",这种赋值法有个好处:表格的宽度将根据可显示的宽度来自我调整宽度。
height:表格的高度,取值方法同width。提示:如果不是特别需要,建议不用设置表格的高度,系统会根据表格的内容自动设置高度。所谓特别的需要,是指一些特殊的情形下,需要表格的高度精确,比如,当我们通过表格的背景来发一张图片时,如果表格的高度不精确定义,图片就不可能完整或完美地显示。
bgcolor:表格的背景色。取值方法举例:bgcolor=#ff0000或bgcolor=red。单元格td也可有此属性,如果设置了表格的背景色,又设置表格单元格的背景色,得出的效果将是值得试试的,这种情况主要用于多单元格的表格。
background:表格的背景图。其值为一个有效的图片地址。td也有此属性。同时设置背景色和背景图不冲突,也建议这么做,这样,当图片不能显示时,表格的外观依然是好看的。
bordercolor:表格的边框颜色,当border值不为0时设置此值有效。取值同bgcolor。
bordercolorlight:亮边框颜色,当border值不为0时设置此值有效。亮边框指表格的左边和上边的边框。
bordercolordark:暗边框颜色,当border值不为0时设置有效。暗边框指表格的右边和下边的边框。
align:表格的对齐方式,值有left(左对齐,默认)、center(居中)以及right(右对齐)。align定义的是表格自身的位置,这是一个很有用的属性。
二、表格语法:
表格语法:
...
表格位置,置左
...
表格位置,置中
...
背景图片的URL=就是路径网址
...
设定表格边框大小(使用数字)
...
设定表格的背景颜色
...
设定表格边框的颜色
...
设定表格暗边框的颜色
...
设定表格亮边框的颜色
...
指定内容与网格线之间的间距(使用数字)
...
指定网格线与网格线之间的距离(使用数字)
...
指定表格的栏数
...
设定表格外框线的显示方式
...
指定表格的宽度大小(使用数字)
...
指定表格的高度大小(使用数字)
...指定储存格合并栏的栏数(使用数字)
...指定储存格合并列的列数(使用数字)
分割窗口
左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
分割左右两个框架
分割左中右三个框架
<分割上下两个框架
分割上中下三个框架.
三、其它参考:
● 表格标记 设定该表格的各项参数
● 表格列 设定该表格的列
● 表格标题 做成一打通列以填入表格标题
● 表格栏 设定该表格的栏
● 表格标头 相等于,但其内之字体会变粗
表单标记
● 表单标记 决定单一表单的运作模式