第6章 表格.ppt

1、第六章表格网格，清华大学出版社，主要内容，熟悉表格的常用属性，制作表格，使用表格容纳表格数据，以及使用表格布局页面。6.1表格介绍，表格在网站中广泛使用，几乎所有的网页都或多或少地使用表格。表格可以方便灵活地排版网页，并能集中于相关的信息元素，使人们浏览网页清晰悦目。因此，要制作一个好的网页，就必须学好表格，熟练掌握和运用表格的各种属性。6.2.1表格的基本标签。在HTML语法中，表主要由三个标记组成：和。基本语法：6.2.1表格基本标记，定义星期一、星期二、星期三、星期四和星期五的表格部分，6.2.1表格基本标记，第12节大学英语高等数学数据结构的网络开发实验，第34节大学英语高等数学数据结

2、构的网络开发实验，6.2.1表格基本标记，6.2.2表格标题，表格标题，它们是表格内容的简要描述。基本语法：6.2.2表标题，课程部分周一、周二、周三、周四、周五，6.2.2表标题，6.2.3表头，表头，指表的第一行，文本样式以中间粗体显示，通过标签实现。基本语法：6.2.3表头，课程部分周一、周二、周三、周四和周五，6.2.3表头，6.2.4设置一个具有分割结构的表。为了清楚地区分表格结构，表格在网页上显示为三个部分。超文本标记语言规定、和3个标签分别对应表头、表体和表尾。基本语法：6.2.4设置具有分区结构的表，定义表结构的时间表，星期一，星期二，星期三，星期四和星期五，适用时间：2008

3、-2009年第一学期083007课，6.2.4设置具有分区结构的表，第12节体育大学英语中高等数学数据结构的实验网络开发，第34节大学英语中高等数学数据结构的实验网络开发，6.2.4设置分区结构的表，6.3修改表，表是布局中的一个重要元素6.3.1设置表格的边框属性。默认情况下，表格的边框为0。您可以通过向表格添加属性和属性值来设置边框线并美化表格。常见属性如表6-3所示。基本语法：6.3.1设置表格的边框属性，6.3.2设置表格的宽度和高度。默认情况下，表格的宽度和高度会根据内容自动调整。基本语法：6.3.2设置表格的宽度和高度，6.3.2设置表格背景，默认为白色。根据网页设计要求，设置bg

4、color属性，设置表格背景颜色，增加视觉效果。基本语法：6.3.3设置表格背景，6.3.4设置表格背景图像，可以是GIF、JPEG或PNG。基本语法：6.3.4设置表格的背景图像，6.3.5设置边框样式。当我们之前使用边框属性时，边框出现在每个单元格和表格本身之间。我们可以使用框架属性来控制应该显示哪些表格边框，使用规则属性来控制应该显示哪些内部边框。基本语法：6.3.5设置边框样式，6.3.5设置边框样式，6.3.6设置表格单元格间距，表格中单元格之间的间距可以通过单元格间距属性进行调整，这样表格布局就不会显得过于紧凑。基本语法：6.3.6设置表格单元格间距，6.3.6设置表格单元格间距，

5、6.3.7设置表格单元格边距，即单元格内容与单元格边框之间的距离。基本语法：6.3.7设置表格单元格边距，6.3.7设置表格单元格边距，6.3.8设置表格水平对齐属性。在水平方向，您可以将表格对齐方式设置为左对齐、居中对齐和右对齐。如果没有特别设置，默认情况下会在左侧排列。基本语法：6.3.8设置表格的水平对齐属性，6.4设置表格行的属性，6.4设置表格行的属性设置表格中某一行的属性。6.4.1行内容级别，基本语法：设置表格与课程水平对齐周一周二周三周四，6.4.1行内容级别，周五，第12节，体育大学英语中高等数学数据结构的实验网络开发，第34节，大学英语中高等数学数据结构的实验网络开发，适用

6、时间：083007班，2008-2009年第一学期，6.4.1行内容级别，6.4.2行内容垂直对齐，基本语法：设置表格行内容垂直对齐6.4.2行内容垂直对齐，适用时间：2008-2009年第一学期083007课，6.4.2行内容垂直对齐，6.5设置表格中某个单元格的属性，用于设置表格中某个单元格的属性，6.5.1设置单元格为跨行，单元格的行跨度属性可以实现跨行合并(垂直合并)。 基本语法：6.5.1设置单元格交叉线，每周一、二、三、四、五设置表格时间表的交叉线，第12节体育课，6.5.1设置单元格交叉线，第34节大学英语高等数学数据结构网页开发，第34节大学英语高等数学数据结构网页开发实验适用

7、时间：083007班，2008-2009年第一学期，6.5.1设置单元格跨行，6.5.2设置单元格跨列，跨列属性可以合并单元格跨列基本语法：6.5.2设置单元格交叉列，设置表格课程的交叉列，周一节，周二节，周三节，周四节，周五节，第12节体育大学英语高等数学，6.5.2设置单元格交叉列，数据结构第34节大学英语高等数学数据结构数据结构实验网页开发实验适用时间：083007，2008-2009第一学期，6.5.2设置单元格跨列，6.6表格嵌套，表格嵌套是插入一个嵌套表可以像任何其他表一样格式化，但是它的宽度受它所在单元格的宽度限制。利用表格嵌套，一方面可以编辑复杂精致的效果，另一方面可以根据版面

8、要求实现精确的编排。然而，应该注意的是，嵌套层次越多，网页的加载速度就越慢。6.6表格嵌套，表格嵌套课程类083007，6.6表格嵌套，周一、周二、周三、周四和周五部分，第12节体育大学英语中高等数学数据结构的网络开发，6.6表格嵌套，第34节网络开发实验类083008，表格嵌套，在6.7中，一些设计者喜欢使用表格进行页面布局，因为它的效果在不同的浏览器中更容易保持一致，尽管使用“DIV CSS”技术进行页面布局更流行。，6.7小示例，利用表单实现页面布局，网站标志广告栏，6.7小示例，内容一，内容二，版权信息，6.7小示例，摘要，本章主要介绍了表格制作中常用的属性和值，并在此提出两点注意事项：1。在创建一个复杂的表格之前，最好计划一下，例如，你可以先用笔在纸上设计页面；2.使用表格排版网页时，尽量细化表格，不要将整个网页放在一个大表格中，因为当表格中有一些加载缓慢的元素(如计数器)时，整个表格的显示往往会延迟。这是由工业工程的显示特