轻松学制帖02

第二帖:表格的属性_“表格属性”、“单元格属性”

操作步骤：

打开软件＿点工具栏第一个按钮＿空白网页打开；

点（表格_插入_表格）设：行为1、列为1_确定；设置了一个单格的表。

在表格的线框内点右键，在出现的对话框中有：表格属性、单元格属性两个选

项。表面上看，单个的表框是“一个”对象，但实际上可细分为整体和局部两

个部分，整体是指整个表的外围所包围的范围，局部是其中的一部分。对于一

行一列这种特殊情况，表格与单元格看上去就重迭了。软件中对这两部分表述

为：表格，单元格。这就好比只有一间房间的房屋，房间与房屋不能独立存在

一样。

实例操作：

在上例的基础上，增加三个设置。进入“表格属性”后，在“布局”的设置项

下，将“单元格间距”设为30；在“边框”项下，将“粗细”设为４,“颜色”

设为红色或其他色。复制一份。

１、在第一份表格中，按上例在表格中设置背景图。

２、在第二份表格中，右键点表框_单元格属性_设置背景图。

下面给出示例和超文本代码。

<center>

<table height="250" cellSpacing="30" cellPadding="0" width="650" background="http://image98.360doc.com/DownloadImg/2014/04/2019/40928587_5.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://image98.360doc.com/DownloadImg/2014/04/2019/40928587_5.jpg" border="4" bordercolor="#FF0000">

</td>

</tr>

</table>

</center>

到此，综合第一个例子，我们应该可以总结出于下几点感性的结论。

一、只要设置了表格，就一定会有<table>、<tr>、<td>这几个 标签（或叫命

令），并且在这三个尖括号之间不应有其他的任何内容了；

二、这几个命令成对出现，前面有，后面一定有，只是后面的多了一个“/”

三、它们的位置有这样的现象。早出现的后结束，后出现的早结束。是不是有点象

数学里面大中小括号的情况。｛［（　　）］｝

四、通过本例对背景（代码为：background="http://image98.360doc.com/DownloadImg/2014/04/2019/40928587_5.jpg ）

不同的设置，从代码中可以看出，第一图的背景图放置在Table 项，第二图放

置在TD项。可不可以这样来理解代码与表格的对应关系：Table 就是表格，即

表框，TD 就是单元格。

上面关于代码的讨论，你还是不必急于弄懂，有点感性认识就行了。接触多了以后，自然会理解的。

将这两个例子中接触到的设置项都动一动，感觉一下他们的变化，以及相互的关联。可以在“拆分”状态下操作，下半部分的操作，在上半部分就会显示对应的代码的情况。

下面，再给出一个实例。不同的只是在“表格”属性中设置了三行。于是就有了三个单元格。你也可以尝试一下，在“表格”属性中设置一行三列，看看会是什么情况。

这个例子中，gif图片设置为表格的背景图；其他三张jpg图片设置为单元格的背景图。

素材地址：

http://image98.360doc.com/DownloadImg/2014/04/2019/40928587_6.gif

http://image98.360doc.com/DownloadImg/2014/04/2019/40928587_5.jpg

http://image98.360doc.com/DownloadImg/2014/04/2019/40928587_7.jpg

http://image98.360doc.com/DownloadImg/2014/04/2019/40928587_8.jpg

第一帖

第二帖

第三帖

第四帖