《HTML表格及图层》PPT课件

《HTML表格及图层》PPT课件

ID:45450136

大小:4.12 MB

页数:16页

时间:2019-11-13

《HTML表格及图层》PPT课件_第1页
《HTML表格及图层》PPT课件_第2页
《HTML表格及图层》PPT课件_第3页
《HTML表格及图层》PPT课件_第4页
《HTML表格及图层》PPT课件_第5页
资源描述:

《《HTML表格及图层》PPT课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第三章HTML表格及图层本章主要内容3.1简介3.2表格基本元素3.3边界属性3.4表格的表头3.5空的单元格3.6跨多行多列的表格3.7图层3.1简介本章开始讲解表格的基础,其中重点是表格的基本结构,难点是如何创建跨多行跨多列的表格。为了使我们制作的页面更精致,表格更美观,我们还要研究表格布局,以及如何对表格进行美化修饰。3.2表格基本元素HTML表格用

表示。一个表格可以分成很多行(row),用表示;每行又可以分成很多单元格(cell),用之间没有内容,那么这个单元格的边界是不会被显示出来的,尽管整个表格已设置边界值。要显示这个单元格的边界,可以插入一个 空格符。示例见例3.7。程序运行结果如下:3.6跨多行多列的表格有时可能要将多行或多列合并成一个单元格,即可以创建跨多列的行,或创建跨多

3、行的列。colspan属性用于创建跨多列的单元格,rowspan属性用于创建跨多行的单元格。示例见例子3.8。程序运行结果如下:3.7图层span和div元素用于组织和结构化文档,并经常联合class和id属性一起使用。在这一节中,我们将探究span和div的用法,因为这两个HTML元素对于CSS是很重要的。用span组织元素用div组织元素3.7图层3.7.1用span组织元素span元素可以说是一种中性元素,因为它不对文档本身添加任何东西。假设我们想用红色来强调弗兰克林先生所认为的“不要在睡眠中度过一天”的好处,我们可以用标签来标记上述每一点好处。

4、然后,我们将这几个span设置为相同的class。这样,我们稍后就可以在样式表里针对这个class定义特定的样式。程序见示例3.7。显示结果如下:3.7图层3.7图层3.7.2用div组织元素如前面例子所示,span的使用局限在一个块元素内,而div可以被用来组织一个或多个块元素。除去这点区别,div和span在组织元素方面相差无几。程序见示例3.8。显示结果如下:3.7图层

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
表示。这三个标签是创建表格最常用的标签。程序见例子3.1。运行结果如下:3.3边界属性在缺省情

2、况下,如果不设置表格的边界,表格是不显示边界的。示例见例3.2:不显示边界的表格。运行结果如下:3.3边界属性示例3.3:显示边界的表格显示结果如下:3.4表格的表头用

来表示表格的表头,表头的字是粗体显示的。示例3.4:有表头的表格。运行结果如下:3.5空的单元格如果表格的单元格