HTML+CSS第6章.pptVIP

什么是表格？ 表格是用来排版网页的工具。早期，网站的排版工具都是由表格来进行制作的。到了后期，CSS不断强大，使得表格逐渐失去了优势，CSS和DIV逐渐代替了表格的地位。但是由于CSS和DIV现在还处于成长阶段，所以CSS和DIV现在还无法完全取代表格的作用。表格的灵活和易于使用，使很多的初学者都还在使用它。 6.5 表格行的设定 表格里面有许多的行，每个行都可以进行独立的设定。通过对行的独立设定，可以对一些特殊的内容进行修饰，从而达到独立的修饰效果。 6.6 跨多行、多列的表元 在同个表格里，并不一定每行每列都是一样的行数和列数。由于网页制作的需要，有可能行和列的数量出现不同，此时就需要用到跨多行和多列的表元，通过设定来使同个表格下的行数和列数可以自行调整。 6.7 表格行分组 表格行分组是指将表格分为表头、主体、尾注。当表格在比较复杂的网页中使用时，可以将表格分为三大部分。在浏览器的读取中，会先读取主体部分，这也就使比较复杂的网页在浏览器中不怕因为头部太慢而影响到主体部分的显示。使用表头、主体、尾注时，再使用跨多列、跨多行时，需要注意的是，在三大部分中，属性不能跨过其他任意两大部分，这也就局限了跨多列、跨多行的使用。 6.8 表格的标题标签caption 表格的标题是指显示在表格最上面，脱离表格边框的一个标签。caption标签是用来设置表格的标题的。和表头不同的是，caption标签设置的标题不被包围在边框里面，表头设置的标题被包围在边框的里面。由于caption标签用来设置表格的标题，所以caption标签要放在table标签下面。 6.9 表格的嵌套 在前面讲的是单个的表格，在网页制作中，单单一个表格是不能发挥出网页的魅力的。所以在制作网页时，设计师们喜欢用多个表格进行嵌套，来达到制作网页的需要。在一个表格里嵌套多个表格，需要在td标签中进行嵌套。前面已经说过，表格的内容是放在td标签里面的，所以，嵌套的表格也应该被当做是内容填写在td标签里面。 1-* 北京源智天下科技有限公司 联系方式： 联系方式： 北京源智天下科技有限公司 第6章 表格table 第一讲：初识表格 6.1 表格的基本结构 表格包括行和列，它们都是用不同的标签来进行控制的。这里的每个标签都是一对的，需要添加闭合标签。表格的基本结构包括table、tr、td这三个标签。table标签表示表格本身，tr标签是行标签，包括在table标签里面，td标签是列标签，包括在tr标签里面。这三个标签就构成了最简单的一行一列表格。 table !--表格开始标签-- tr !--行开始标签-- td/td !--列开始标签和闭合标签-- /tr !--行闭合标签-- /table !--表格闭合标签-- 6.2 表格table 网页中的表格用table标签来表示，每个table标签里可以包含很多的东西。包括上面讲的文本内容，图像内容以及以后要讲的样式都是放在表格里的，再用表格对其内容进行定位，形成更好的页面排版。每个网站都需要有自己一套风格的排版，排版可以让网站焕然一新，使浏览者带来更为舒适的视觉冲击。所以学好表格，学好排版是非常重要的一个步骤。 表格table标签里的常用标签 行标签tr 表头单元格th 单元格数据标签td 6.3 table标签的属性 表格table标签，不仅仅是用来嵌套行和列，还可以通过设置不同的属性来美化表格。让网页更加的工整和漂亮。本节将讲述table标签的属性内容，这些属性不止可以放在table标签里，也可以放在tr标签和td标签里，进而分别设置每行每列。 宽度width 高度height 背景图片background 间距cellspacing 内容与边界的距离cellpadding 表格常用的属性包括： 6.4 边框 边框的宽度border 边框颜色bordercolor 亮边框颜色bordercolorlight 暗边框颜色bordercolordark 显示边框frame 边框是表格很重要的一个部分，它可以排版网站，还可以美化网站。在上面讲表格的时候就已经开始讲到边框这个词了，边框的使用相当之广泛。 边框的属性包括有： 水平对齐align 垂直对齐valign 插入avi文件的属性包括有： 跨多列colspan 跨多行rowspan 行数和列数的属性： 表格中的行分组 表头标签t