|
|
第二帖:表格的属性_“表格属性”、“单元格属性”
|
|
操作步骤:
打开软件_点工具栏第一个按钮_空白网页打开;
点(表格_插入_表格)设:行为1、列为1_确定;设置了一个单格的表。
在表的线框内点右键,可以在出现的菜单中有:表格属性、单元格属性两个选
项。表面上看,单个的表框是“一个”对象,但实际上可细分为整体和局部两
个部分,整体是指整个表的外围所包围的范围,局部是其中的一部分。对于一
行一列这种特殊情况,表格与单元格看上去就重迭了。软件中对这两部分表述
为:表格,单元格。这就好比只有一间房间的房屋,房间与房屋不能独立存在
一样。
实例操作:
在上例的基础上,增加三个设置。进入“表格属性”后,在“布局”的设置项
下,将“单元格间距”设为30;在“边框”项下,将“粗细”设为4,“颜色”
设为红色或其他色。复制一份。
1、在第一份表格中,按上例在表格中设置背景图。
2、在第二份表格中,右键点表框_单元格属性_设置背景图。
下面给出示例和超文本代码。
|
|
|
|
|
<center>
<table height="250" cellSpacing="30" cellPadding="0"
width="650" background="http://image.hnol.net/200504/dysr/make/02.jpg"
border="4" bordercolor="#FF0000">
<tr>
<td height="193">
</td>
</tr>
</table>
</center>
|
|
|
|
|
<center>
<table height="250" cellSpacing="30" cellPadding="0"
width="650" >
<tr>
<td height="193" background="http://image.hnol.net/200504/dysr/make/02.jpg"
border="4" bordercolor="#FF0000">
</td>
</tr>
</table>
</center>
|
|
|
到此,综合第一个例子,我们应该可以总结出于下几点感性的结论。
一、只要设置了表格,就一定会有<table>、<tr>、<td>这几个
标签(或叫命
令),并且在这三个尖括号之间不应有其他的任何内容了;
二、这几个命令成对出现,前面有,后面一定有,只是后面的多了一个“/”
三、它们的位置有这样的现象。早出现的后结束,后出现的早结束。是不是有点象
数学里面大中小括号的情况。{[( )]}
四、通过本例对背景(代码为:background="http://image.hnol.net/200504/dysr/make/02.jpg
)
不同的设置,从代码中可以看出,第一图的背景图放置在Table 项,第二图放
置在TD项。可不可以这样来理解代码与表格的对应关系:Table 就是表格,即
表框,TD 就是单元格。
上面关于代码的讨论,你还是不必急于弄懂,有点感性认识就行了。接触多了以后,自然会理解的。
将这两个例子中接触到的设置项都动一动,感觉一下他们的变化,以及相互的关联。可以在“拆分”状态下操作,下半部分的操作,在上半部分就会显示对应的代码的情况。
下面,再给出一个实例。不同的只是在“表格”属性中设置了三行。于是就有了三个单元格。你也可以尝试一下,在“表格”属性中设置一行三列,看看会是什么情况。
这个例子中,gif图片设置为表格的背景图;其他三张jpg图片设置为单元格的背景图。
|
|
|
|
|
素材地址:
http://image.hnol.net/200504/dysr/make/10.gif
http://image.hnol.net/200504/dysr/make/02.jpg
http://image.hnol.net/200504/dysr/make/03.jpg
http://image.hnol.net/200504/dysr/make/04.jpg
|
|