欢迎来到天天文库
浏览记录
ID：57057271
大小：300.50 KB
页数：29页
时间：2020-07-30
《DW网页设计―第8章 表格课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、第8章表格没有CSS之前，表格是最流行的布局页面的方式。它表示一种布局页面的方法，而不仅仅只是指单元格组成的表格，不过那已经是很久以前的事情了。现在谈论Web设计的时候，再说到“表格”，那么它就是一个普通的由单元格组成的表格。8.1理解页面中的表格表格看上去虽然只是一个一个的小格子组成的，但是，谈及在HTML中制作表格，远远不是看上去的那么直接。表格涉及的属性很多，因为人们在表述表格的时候，不是说“某某表格左上角的那个格子”，而是通过描述某一行和某一列来定位某个单元格的位置，这里就已经描述了3个属性了。8.2普通表格的应用
2、这种表格常见于类似于课程表、出勤表、或者价目表这种形式的表格，被使用的频率很高。因此，如果只是针对于简单的文本内容，仅仅是希望这些内容横排或者竖排，那么表格是一个比较好的方法。8.2.1制作普通表格表格属于结构性标签，使用
3、r>
4、>
5、h>Head3
6、yletype="text/css">table{height:185px;}tableth{height:32px;}1．行高HEIGHT属性当使用这个CSS时，结果如下图所示。2．宽度WIDTH属性如果只是需要修改表格列的宽度，则只使用width属性就可以了。但是不同于行高的是，表格中的宽度是针对整个表格或者每一个单元格的，所以像下面这样的写法是错误的。table{width:400px;}tableth{width:100px;}3．单元格大小属性HEIGHT和WIDTH单元格的大小其实就是由高和宽两
7、个因素组成的。所以如果要准确定位一个单元格的具体大小，这两个因素是缺一不可的，必须要同时具备，这样才能定位每个单元格的大小。8.2.3合并单元格合并同行单元格使用colsplan属性。在需要修改的那一行中，先删除多余的单元格，这是重要的一步，如果删错了单元格，很可能最后呈现的表格会面目全非。这之后再定义合并的单元格。合并同列的单元格使用rowspan属性，这里介绍一种合并单元格的方法。8.2.4表格标题表格标题是一个表格的内容的总结，通常被居中显示在表格的上方。
8、ble>标签之后，并且每个表格只能定义一个标题。其语法结构如下：
此文档下载收益归作者所有
