谦虚的作文:表格详解

来源:百度文库 编辑:偶看新闻 时间:2024/04/28 04:06:49

表格详解  

    一:表格代码的基本结构:
       1:功能结构
            <功能参数><分表参数>内容<分表结束><功能结束>
       2:代码结构
         结构1(简单的表格):
     
显示内容

      
      二、实例分析:
      一个要在论坛里宽屏显示图片的代码:
            border="0" bordercolor=#ff0000 cellpadding="0" cellspacing="0"
      width="1000" height="440" bgcolor=#0000ff
      background="http://ai.img1001.com/uu_0912_4/xlfcd_15_2_df8bdca95909ddd.jpg">
      

       

      

     
 

        这个代码说明了什么呢?首先我们先简化一下如下:
     
      
       
      
     
 

      1、结构标签解释:
             
      从开始到
结束。告诉电脑我这里有一个表格。从开妈到结束,告诉电脑在这个表格中有一行表单。从开始到结束,告诉电脑在这一行表单中有一列表单。这个看懂了吧,这样你对这段代码便有了宏观的把握,不至于扰乱思路。
      这是一个最基本的表格代码,这是一个组合,表格一般不会单独出现,这是一个单元格,如果没有单元格的代码,在许多网页中,表格参数也就失效不显示效果了。
             
      参数:上面的代码没有任何参数,那么,它的参数就全部是默认的了,在软件中就是软件默认的参数,在网页中,就是网页的默认参数。实例的表格参数如下:
      2、基本参数解释:
      align=center      align=  是定义表格内容的显示位置,align=center:是居中 align=left:是左对齐
      align=right:是右对齐
      border="0" cellpadding="0" cellspacing="0"  
      这是表格的显示效果,依次为“边宽”、“单元格间距”、“单元格边距”,这里设置为0像素,就不会有任何表格框的显示,在一般音画中可省略这些代码,因为默认的情况下,表格是不显示框架的。在许多有边框的祝福音画中,利用这些参数,合成边框效果。
      bordercolor=#ff0000    定义表格边的颜色为红色。
      width="1000"           定义了这个表格的宽度为1000像素。
      height="440"           定义了这个表格的高度为440像素。
      bgcolor=#0000ff        定义表格的背景颜色为蓝色。
      background="背景的地址">
      background="http://ai.img1001.com/uu_0912_4/xlfcd_15_2_df8bdca95909ddd.jpg">
          
      这定义了这个表格的背景用图片显示,网址是:
http://ai.img1001.com/uu_0912_4/xlfcd_15_2_df8bdca95909ddd.jpg
       地址的引号也可省略。
      3、风格参数解释:
      这部分是表格的风格特性参数,style=""  这是风格参数的格式,引号内是参数内容。参数内容:注意:有多个参数时,每个参数之间要用;号隔开。
      本例中以下内容便是风格参数:
      style="LEFT: -220px; POSITION: relative; TOP: 100px"
      LEFT: -220px         
      表示这个表格,要在母表格的基准上向左移动220个像素。在论坛中发音画,经常用这个参数,因为论坛发的帖子内容,本身在论坛网页软件的一个表格中,如果不用这个参数,超过论坛帖子表格宽度的图片等内容便不能全部显示了。至于移动多少,这和你所在的论坛的左边条宽度有关,发帖子时,要进行不断的修改,才能达到图片等刚好能全屏显示。注意:你的图片一般不要超过1000PX,超过了,无论你怎么调参数都不会全屏显示你的图片了。除非你的显示器屏幕特别大,都能把显示格式选择为2048x1536。
      POSITION: relative   表示这个表格和母表格的坐标关系,relative
      是相对关系,表示本表格的所有参数坐标是以母表格为基准坐标的。absolute 是绝对关系,表示本表格的所有参数坐标是以总网页为基准坐标的。
      TOP: 100px         表示这个表格距离顶部的像素距离。这个参数的具体效果和上一个坐标关系的确定有关,好好想想,能明白了吧。
      另外,风格参数等不只可用在表格,也可用在其它标签中,例如:
     

     

      三:注意事项:
      1:数据的分配要准确:
      如果你将一个总表格分为多个单表格来处理,就要定义每个单表格的长和宽度.每个单表格加起来的总长和总宽要和总表格一致.
      例1:总宽是200 总高是60 左右分 100x60+100x60=200x60 就和总宽高一样
     
      cellpadding="0" cellspacing="0" width="1000" height="440"
      background="http://ai.img1001.com/uu_0912_4/xlfcd_15_2_df8bdca95909ddd.jpg">>
     
我是芳草      height=60>我是明月

      例2:总宽是200 总高是60 上下分 200x30+200x30=200x60 就和总宽高还是一样
     
      height=30>我是星空
我是明月

      2:固定表格数据并不是真的完全固定,会随着内容的大小和多少来自动调整宽高.
      例1:我们固定总宽为300 总高为30.
     
      size=7>心灵芳草个欢迎你
 
      我们看到实际将表格挤高了.超过我们的规定,我们一定要记住这一点.要根据实际内容的宽高来调整表格的大小.才能达到理想的效果.
      四、代码的简化:
      在音画中,表格一般用来显示图片,也就是说只要能按我的要求显示图片就可以了,所以,有许多代码并不是必须的,多余的代码可以省略。从本例看实际上只是要用背景方式在表格中显示图片,所以代码可以简化为如下:
            height="440"
      background="http://ai.img1001.com/uu_0912_4/xlfcd_15_2_df8bdca95909ddd.jpg">
      

       

      

     
 

      其它的对齐、边框,格距,格边距,背景色等都是不需要的了