计算机基础表格的基本标记

1、html&css回顾1.1. 列表标记列表标记2.2. 图片标记图片标记3.3. 多媒体标记多媒体标记课程知识拓扑图本次课内容本次课内容1.1. 开发设计流程开发设计流程2.2. 表格布局相关标记表格布局相关标记本次课知识点的作用本次课程将通过了解开发设计流程形成对开发流程的认识，同时学习表格相关标记，学会简单、常用的页面布局方式。学习完后可进行基础静态页面的制作，为后期相对复杂的表格布局页面制作打下基础。教学目标教学目标 1. 了解开发设计流程2. 掌握表格布局的相关标记教学重难点教学重难点 重点：表格标记难点：表格布局本次课教学目标与重难点本次课教学目标与重难点工作任务工作任务十步：第一步

2、 客户提出需求内容包括： 公司介绍、 项目描述、网站基本功能需求 、基本设计要求 。第二步 提供“解决方案和报价” 第三步 确定合作意向 第四步 双方认可后，签署网站建设合同第五步 客户支付预付款并网站所需文字资料（电子稿）与图片素材 .开发设计流程第六步 按照需求书进行网站整体风格及布局设计，并出具设计稿 第七步 客户审核并确认设计稿后，制作首页及内容页的模板文件第八步 客户审核并确认模板后，开始制作整体网站制作 第九步 客户验收第十步 客户按照合同规定支付尾款，在收到尾款后将所有网站文件递交给客户，或应客户委托将网站直接上传到指定服务器上。开发设计流程行行列列单元格单元格表格的基本概念 表

3、标记表标记 行标记行标记 单元格标记单元格标记表格关键标记l)l)表格边框属性表格边框属性borderbordertable =“”2)2)单元格间距属性单元格间距属性cellspacingcellspacingtable =“”3)3)单元格边距属性单元格边距属性cellpaddingcellpaddingtable =“”1. 表格标记中的基本属性4)4)表格的水平对齐属性表格的水平对齐属性alignaligntable =“”5) 5) 表格的宽度表格的宽度widthwidth; ;高度高度heightheighttable =“”表格标记中的基本属性跨列跨列跨行跨行单元格合并种类2.1

4、 2.1 跨行属性跨行属性： tdtd rowspanrowspan=“value” =“value” 例如例如:rowspan=“3”:rowspan=“3”表示跨表示跨3 3行。行。2.2 2.2 跨列属性：跨列属性： tdtd colspancolspan=“value” =“value” 例如例如:colspan=“3”:colspan=“3”表示跨表示跨3 3列。列。2. 合并单元格u无特殊情况表格无需设置高度u外框架表格的宽度800*600 最大设为7781024*768 最大设为 1002（必须将左边距leftmargin设为0）u内部嵌套的表格的宽度通常用百分比来设置u不要将所有的内容放置到一个表格中不要将所有的内容放置到一个表格中u将页面结构按照从上至下的方式分层表格布局的要点本次课课程总结1开发设计流