View Code

第四节课 表格制作

表格是由三个基本标签构成,由外到里的顺序是<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 

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

posted @ 2016-10-29 22:35  风中摇曳的小花朵  阅读(239)  评论(0编辑  收藏  举报