边框代码含义详解
(自用参考)边框代码含义详解原文作者:和绅大人
边框代码含义详解
边框其实就是一种表格。要制作边框或者要完善边框,首先要明确表格语
法与表格代码的基本属性。
一、基本代码简介:
table:表格的起始符。任意一个表格的开始都必须以它开头,且必须有终止符/table。
tbody:表体的起始符。紧跟在table之后,表示表体开始。必须有结尾符,放在/table之前。在纯网页中可以不要tbody元素,但在论坛一定要使用,否则,当帖子用到较多的表格时,论坛的自动填充功能将可能会导致代码出错。
tr:tr的作用是规定表格的行,t是table,r是row(行)。有多少组tr,
表格就有多少行。tr;紧跟在tbody之后。必须有终止符/tr。
td:td的作用是规定表格的列,t是table,d可理解为down(向下)。有
多少组td,这张表格就有多少列。第一个td紧跟在tr之后。终止符为/td。
td与tr配合构成单元格。
/TD/TR/TBODY/TABLE:这些都是相应元素的终止符,表示相应元素所规范
的内容结束。必须注意它们的排列顺序,不能有错。从表格的代码框架分析得出:表格标签里,所有元素都成对出现,而这些元素是按照从大到小的顺序从
外往里层层包裹的。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定义的是表格自身的位置,这是一个很有用的属性。二、表格语法:
表格语法:table aling=left./table表格位置,置左
TABLE aling=center./table表格位置,置中
table background=图片路径./table背景图片的URL=就是路径网址
table border=边框大小./table设定表格边框大小(使用数字)
table bgcolor=颜码./table设定表格的背景颜
table borderclor=颜码./table设定表格边框的颜
table borderclordark=颜码./table设定表格暗边框的颜
table borderclorlight=颜码./table设定表格亮边框的颜
table cellpadding=参数./table指定内容与网格线间距
table cellspacing=参数./table指定网格线与网格线的间距
table cols=参数./table指定表格的栏数
table frame=参数./table设定表格外框线的显示方式
table width=宽度./table指定表格的宽度大小(使用数字)
table height=高度./table指定表格的高度大小(使用数字)
td colspan=参数./td指定储存格合并栏的栏数(使用数字)
td rowspan=参数./td指定储存格合并列的列数(使用数字)
!分割窗口
frameset cols="20%,*"左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
frameset rows="20%,*"上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
frameset cols="20%,*"分割左右两个框架
frameset cols="20%,*,20%"分割左中右三个框架
分割上下两个框架
frameset rows="20%,*,20%"分割上中下三个框架.HTML最基本的代码认识
做音画代码帖首先打破对代码的困惑,最先接触的代码就是
table tr td table tr td必须成对出现,缺一不可,
table这一项是具体的工作场,如把整个音画做为一出戏,那table就是戏中的舞台
要是把整个音画做为一顿美餐。table就是桌子
tr是拓展工作区域的标识工具。
td就是舞台上的装饰品
例:代码table bgcolor=#000066 width=300 height=200 tr
td/td/tr/table
效果如下:
代码bgcolor是设置舞台背景的代码
/TD/TR/TABLE这是结束代码
有多少个
TABLE TBODY TR TD
就有多少个/TD/TR/TBODY/TABLE而顺序也是刚好相反
再看另外一个贴代码为:
TABLE height=200 width=500 bgColor=#000066 TBODY TR TD
align=middle FONT color=#ff0000 size=6 STRONG床前明月光,凝是地上霜。BR举头望明月,低头思故乡。/FONT/TD/TR/TBODY/TABLE床前明月光,凝是地
上霜。
举头望明月,低头思故乡。
table设置内边框上面的代码中多了文字代码
TD align=middle时文字的位置。
align=cneter(居中,align:文字对齐方式的标识),还有一种是
right(居右)left(居左),
FONT color=#ff0000 size=6时文字的属性。color=#ff0000。字得彩。
可以用英文代替。size=6字体大小
/FONT/TD/TR/TBODY/TABLE对应的收尾代码。再看另外一个贴代码
我们再看另外一个贴代码为
TABLE height=200 width=500 bgColor=#000066 BR TBODY TR TD
align=middle BR MARQUEE scrollAmount=1 direction=up width=400
height=100 BR Palign=center FONT color=#ff0000 size=6 STRONG床前明月光,凝是地上霜。BR举头望明月,低头思故乡。
/STRONG/FONT/P/MARQUEE/TD/TR/TBODY/TABLE
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论