当前页:网页制作 >>>关于表格属性(图)
关于表格属性(图)
来源:本站原创   责任编辑:黄舒奇  发表时间:2007-09-20  最后修改时间2016-05-26
   我有一个朋友昨天才开始学习用Dreamweaver制作网页,初学Dreamweaver就让他用CSS布局,这可能不太现实,那只能用表格布局了,实际上表格用得好,做出来的网页一样美观。我想才开始学用表格布局肯定会遇到不少困难,为了方便朋友学习,在这里我把表格常见问题写出来,希望对初学者有所帮助。
    初学用 Dreamweaver 做网页的朋友,可能都有这个体会,表格不怎么听话,想叫它大,它大不了,想叫它小它小不了,制作好的网页浏览时变了样......。
  1.表格的代码是什么?
   当你在Dreamweaver新建一个表格后,如果你看代码能认识这是表格吗,可能初学者有难度。你可能也会说,这还不知道吗?晕~~,我写这篇文章是针对初入门的朋友,你如果是老手就没有必要看啦。
   下面我们在 Dreamweaver里新建一个一行一例,宽为400的表格来看一下代码是怎么写的。单击菜单插入,指向表格,就会弹出 下面的对话框。 在这里我们设置边框粗细为0,默认是1,边距和间距都是0
             
                               图1 新建表格
整个代码显示:
           
                                  图2 代码
   哦,表格代码原来是这样表示的
      <table> </table>记住哟,table
     width="400"表示表格宽度是400;
     border="0"表示边框粗细为0;
     cellspacing="0"单元格边距为0;
     cellpadding="0"单元格间距为0
    明白了,那么在这里怎么没有高度呢?我们设置一下高度看看。对着表格单击右键,指向表格,选择表格,在表格属性中高度里打上20,这时就能看到原来高度是这样表示的:
     height="20"记住了吗?width表示宽度,height表示高度。
   2.表格百分比
   表格可以用具体数字表示,也可以用百分比表示。这要根据你的需要来定的,比如,我现在想在已有的表格里再加一个表格,但我只想用这个表格的一半,那最好表示方法就是50% ,下面我们在刚才插入的表格里再加一个30%的表格,看代码是怎么显示的。
   鼠标在已建的表格中单击一下,意思是告诉电脑,我要在这里插入一个表格,那么表格左,中,右怎么定呢?当你在表格中单击一下后,下面属性里你就会看到有一个“水平”、“垂直”,对着水平单击一下你就会看到“左对齐”“居中对齐”“右对齐”了,你想怎么对齐就怎么对齐吧,默认是左对齐的,我们现在设置它右对齐吧,看是怎么显示代码的 
           
                           图3 在表格里面再加30%表格
整个代码显示如下:
 
                                图4 整个表格代码
你看到了吗“又多了个align="right" 哦,原来右对齐是这样表示的,
                    align="left"左对齐;
                    align="center"居中对齐。
   3.快捷选中表格
   表格多了,你如何快捷选中这个表格呢,很简单,刚才我们新建一个30%表格后,不知你是否注意在属性上方的显示。如图5
                       
                                图5 属性上方显示
   上面出现了二个<table>,你用鼠标分别点一下这二个<table> 看是不是就能快速选中你要的表格呢?
    要对某表格进行操作,首先要选中表格,只要用鼠标左键单击表格框线就可选中表格。当表格外框显示为黑色边框时,就表示该表格被选中了。