欢迎来到天天文库
浏览记录
ID：51780698
大小：1.84 MB
页数：53页
时间：2020-03-08
《网页设计与制作 教学课件 作者 朱金华 第7章 表格.pptx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、第7章表格教学目标1.了解表格的概念。2.掌握表格标记。3.掌握表格修饰、行修饰、单元格修饰的方法。4.学会表格嵌套的方法。教学内容7.1表格标记7.2表格修饰7.3设置行的属性7.4设置单元格属性7.5单线表格制作7.6表格的嵌套7.7表格布局教学重点和难点重点：表格标记、表格修饰、行属性、单元格属性、表格嵌套。难点：表格修饰、行属性、单元格属性、表格嵌套。导入：举例说出网页中使用表格例子?表格在网站应用中非常广泛，几乎所有的HTML页面中都或多或少地采用表格，表格可以方便灵活地实现对网页的排版，可以把相互关联的信息元素集中定位，使浏览页面的人一目了然，赏心悦目。
2、所以说要制作好网页，就要学好表格，熟练掌握和运用表格的各种属性。虽然DIV+CSS布局有很多优越性，比如布局灵活、便于维护、代码清晰、对SEO（SearchEngineOptimization，搜索引擎优化）很有帮助、加快网页解析速度等，但表格用于在网页上显示二维表格式数据是最佳方式，也可以用于对文本和图像进行布局，它简洁明了，高效快捷的将文字信息、图像等显示在页面上，用表格布局的优点是思路简单，对表格的行和列都可以加入结合CSS实现表格的美化。7.1.1表格标记在HTML语法中，表格主要通过3个标签来构成：
3、>
4、tion>标签实现。
5、表格标记7.1.3表格表头7.1表格标记7.1.4划分表格结构为了清楚区分表格结构，将一个表格分三个部分在网页上显示出来，HTML语言规定了、
6、都应该用CSS来呈现，所以在以下讲解的示例中除不能使用CSS实现的属性外，均改成了CSS样式，但建议还是需要了解以上数据中各属性的意义。7.3.1设置表格的边框属性默认情况下表格边框为0，可以通过给表格添加border、bordercolor、bordercolorlight和bordercolordark的属性及属性值，实现为表格设置边框线以及美化表格的目的。7.2表格修饰1.设置表格的边框属性基本语法：语法说明：Border属性用
7、于设置边框的宽度，单位为像素；定义边框颜色的时候可以使用颜色的英文单词或6位十六进制颜色值。7.2表格修饰7.2表格修饰7.2表格修饰2.设置表格的宽度和高度在表格设计中，width属性用于设置表格的宽度，height属性用于设置表格的高度。基本语法：语法说明：（1）width和height的属性值可以是像素或百分比。（2）对于非嵌套表格，百分比表示的是表格应该占据的浏览器窗口的百分比；对于嵌套表格，百分比表示的是相对嵌套表格所在的单元格宽度。（3）用百分比设置大小的表格会随着浏览器窗口或嵌套表格所在的单元格的大小
此文档下载收益归作者所有
