第三节课 表格制作

Posted 2020-08-16 风中摇曳的小花朵

表格是由三个基本标签构成，由外到里的顺序是<table><tr><td></td></tr></table>

举个例子：

如果是三行两列，顺序就是这样的

 <tr>

     <td >        </td>

     <td>         </td>

                                                    </tr>

<tr>  

     <td >        </td>

     <td>         </td>

                                                     </tr>

<tr>   

     <td >        </td>

     <td>         </td>

                                                     </tr>

</table>

tr代表行，有几行就写几个，中间是内容，td代表列，也是有几列写几个，在遇到比较复杂的网页时，要学会拆分，先做出大体表格，然后再细分

      设计和代码页，是同步的，设计页面做出一个表格，从属性设置宽度高度 宽度有像素单位还有百分比，像素是固定的大小，百分比是 1到100之间，相对于浏览器的边距来说，它随着浏览器的变化而变化

      当在设计页面插入表格在调整时，会出现调整单元格边距，间距还有宽度等，代码页会出现widch="100%"，border="0"，cellspacing="0"，cellpadding="0"  都是属性分别代表宽度，边框，单元格边距还有单元格间距，后面的值，都是根据情况自己设置，设置单元格宽度时，只设置每一列第一个单元格宽度就可以，在布局页面时，不要边框，所以数值为0，做数据时可以显示一般数值为1，单元格边距指两个单元格之间的距离，单元格间距是指里面的文字与外面边框的距离，单元格还有高度，高度在代码中是height，高度不是固定的，所以没有百分比，只有像素，当高度需要改变时，只调整每一行的第一个单元格就好

     在属性窗口里还有水平对齐和垂直对齐等方式，当需要改变时，选中单元格内要调整的内容，选一个方式就好，当单元格内内容较多时，默认的是换行，会换另一行继续内容，如果不想让它换行的话，选择属性表内的不换行就好，经常出现的几个属性词，align水平，center 居中，valign 垂直对齐方式，bottom 靠下，当要改变内容在某个单元格的位置时，选中内容然后在属性中选择要改变的位置就好

     背景色，直接在属性窗口内选择背景颜色就好，它对应的代码就是bgcolor 背景色，在属性窗口里还有合并和拆分单元格选项，colspan 代表合并列，rowspan 代表合并行，如果合并行也合并烈，是既有colspan 又有rowspan 

     插入图片时，从代码页添加即可