资源简介 (共27张PPT)网站设计1 表格作用2 创建表格的基本结构学习内容1 表格作用什么是表格？表格是html高级构件之一，它表示数据之间的关系，使对比分析更容易理解。表格由特定数目的行和列组成。表格应用示例什么是表格？表格的作用：用于显示数据，便于理解、分析组织网页版面信息什么是表格？行列列标题在 HTML 文档中，广泛使用表格来存放网页上的文本和图像单元格表格标题2 创建表格如何创建表格 表格用表示一个表格可以有很多行，用表示每行可以分为多个单元格，用表示演示：一行一列一行三列两行三列创建表格的具体语法格式如下：对上述语法的具体解释如下：：用于定义一个表格。：用于定义表格中的一行，必须嵌套在标记中，在中包含几对，就表示该表格有几行。：用于定义表格中的单元格，必须嵌套在标记中，一对中包含几对，就表示该行中有多少列（或多少个单元格）。单元格内的文字......创建表格创建表格 标签及其属性注：上述align、bgcolor属性不赞成使用，建议使用css控制 标签及其属性border 属性 表格边框align 表格对齐居左，居中，居右对齐（left、center、right） 标签及其属性表格背景颜色 bgcolor表格宽度 width 高度 height单位设置像素 (px)百分比 ( %)一般不设置高度(自适应) 标签及其属性cellspacing，cellpadding 属性cellspacing 设置单元格间距cellpadding 设置单元格边沿和其内容之间的距离table的常用属性th是Table Heading的简写，意为表格标题（也称表格表头）。标记与标记的区别在于：表头一般位于表格的第一行或第一列，且标记控制的文本显示为粗体。标记及其属性制作网页时，有时需要表格中的某一行特殊显示，这时就可以为行标记定义属性，其常用属性如下表所示。标记的属性在网页制作过程中，通过为单元格标记定义属性，可以单独对某一个单元格进行控制，其常用属性如下表所示。标记的属性注意:1、在 标记的属性中，重点掌握colspan和rolspan，其他的属性了解即可，不建议使用，均可用CSS样式属性替代。2、当对某一个标记应用width属性设置宽度时，该列中的所有单元格均会以设置的宽度显示。当对某一个标记应用height属性设置高度时，该行中的所有单元格均会以设置的高度显示。标记的属性使用colspan和rolspan属性合并单元格合并单元格表头跨列合并跨行合并 标签作用：用来说明表格内容的标题属性：align， valign用表格进行页面排版表格进行页面排版简单，便捷结构清晰表格嵌套使用表格排版注意事项：表格嵌套层次不要太多整个页面的排版不要用一个table，影响浏览器对页面的显示效率表格的行列排版要整齐td中没有内容时，以空白（ ）填充Div+CSS布局（后续介绍）总结表格可以格式化数据、管理文件布局表格的基本结构标签及其基本属性合并单元格其它表格标签自我实践实践要求综合使用链接和表格标签及其相关属性，实现如下购物车页面。 展开更多...... 收起↑ 资源预览