发新话题
打印

【设计】HTML帖子制作教程

单元格属性设置
◇ 黑马
    在上一节对表格属性设置的介绍中,我们提到,有一些属于表格的属性单元格也有,比如,背景色、宽度和高度等等。本节我们学习单元格的属性设置,但这回我们采用不那么正规的讲述方法来介绍单元格的属性设置。
    从表格的整体外观上看,单元格是表格的基本构成单元,一张表格至少要有一个单元格。单元格由<tr><td></td></tr>共同组成,但在一组tr里,可以拥有多组td,我们前面说过,有多少组td该表格就有多少列;同样,一张表格可以拥有多组tr,表格有多少组tr就有多少行。显而易见,构成表格最小单元的td,它的属性设置是不可忽视的。
    单元格的属性设置主要体现在<td>里,除了我们在上一节学到的bgcolor等之外,还有许多属性需要掌握,令人高兴的是,很多属性的设置方法都是和<table>属性设置一样的,如width、height、bordercolor等。关于width,我们在此着重讨论一下。好的习惯是,如果是一个单元格的表格,假设我们在<table>里设置了其宽度,那么,就不必再设置<td>的宽度了,因为这是多余的,但我经常看到不少朋友的代码就是重复设置的,且这么设置:<td width="100%">,显然只是增加了帖子的代码量,它没有任何作用——当有了表格宽度,单元格的宽度会自动占满表格的宽度。但是,在多列表格里,<td>的宽度就应该设置,如若不设置,系统会自动按各单元格里的内容的占位情况自行分配宽度,效果是可想而知的。
    单元格的bordercolor设置有些讲究,主要用于实现单像素的表格边框——要实现这种效果,要求表格的border为1,且<table>里设置了bordercolor颜色值,cellpadding和cellspacing都设置为0,然后将<td>的bordercolor颜色值设置为与<td>的背景色相一致。
    单元格的最为重要的属性应该为align和valign,align规范单元格里的内容的水平对齐方式,valign则规定垂直方向的对齐方式——请特别注意:它们规定的对齐方式是单元格里面的内容,而不象表格里的align那样定义自身的位置!align取值方法和前面介绍的一样,valign的取值方法主要有:left(左对齐)、middle(居中)、top(靠顶)、bottom(靠底)等。以下是<td>的两个对齐属性的不同设置所产生的效果示例:
默认对齐(不设置)
水平:居中
垂直:靠顶
代码:<td align=center valign=top>


    单元格元素中,<tr>也有些属性设置,因在论坛中作用不是很大,这里就不介绍了。但有一个有趣的不属于“属性”的情况这里格外提一下:<tr>后面可以有文字,以下的示例的“表一”和“表二”就是放在<tr>和<td>之间的:
表一 水平:居中
垂直:默认
表二 水平:右对齐
垂直:靠底
代码:<td align=right valign=bottom>


    通过探索,我们还有可能发现更多的书上没有介绍的东西。建议大家安装可以自动填充代码的网页编辑器(如FP2003),这样,当我们在“代码”编辑模式下编写代码时,就会看到,有很多属性或其他内容自动弹出来,我们可以做些尝试,然后通过预览看看是什么样的效果。
发新话题
最近访问的版块