北大青鸟.软件工程师HTML.ppt

使用表格和表单,第五章,2,回顾,自动刷新功能应使用哪个HTML标签？标签区分大小写吗？段落标签和换行标签有什么区别？字符标签有哪些常用属性？使用图片标签显示图片q.jpg，如何写HTML代码?写HTML代码时，空格用什么表示？显示如下所示的列表，如何写HTML代码：您认为乔丹的血型是？A.A型B.B型C以上都不对显示如下所示的超链接，如何写HTML代码：请查看Microsoft微软中国,3,用HTML代码创建表格创建表单使用框架,目标,4,表格,行,列,列标题,在HTML文档中，广泛使用表格来存放网页上的文本和图像,单元格,5,使用表格姓名性别分数RobertM80.,创建表格,代表表格的开始，border=2表示边框尺寸为2,表示行，这是表格的第一行，有三列数据，代表列,表格的第二行，有三列数据,表格的第三行，也有三列数据,6,学员档案信息姓名性别分数RobertM80.,表格的标题,表示表格标题,表示行或列标题，粗体显示,表格的第二行，有三列数据,表格的第三行，有三列数据,7,学员档案信息姓名性别分数RobertM80.,表格的对齐方式,整个表格居中,姓名列默认左对齐,性别列居中,分数列右对齐,8,合并单元格(跨列),创建表格第一学期第二学期数学科学英语数学科学英语989580958788.,COLSPAN=“n”属性表示跨多少列,9,合并单元格(跨行),创建表格螺母螺栓锤子第一季度一月250010001240二月300025004000.,ROWSPAN=“n”属性表示跨多少行,10,学员档案信息姓名性别分数RobertM80MaryF18,表格的背景色和尺寸设置,表格的颜色设置：表格的背景色行的背景色列的背景色颜色值可以采用RGB（red/green/blue）红绿蓝十六进制值表示，如红色#FF0000,或是一些预定义色彩名称：red，blue，yellow等。,表格的尺寸设置：例如：表示一个长为200像素，宽为100像素的表格。表示一个宽为窗口的20%，高为窗口的10%的表格。,11,表单输入元素-7,课堂练习:请编写HTML代码,12,表单,13,METHOD=“post或get”,表单,ACTION,METHOD,指定提交后由服务器上哪个处理程序处理,指定向服务器提交的方法:一般为post或get方法,post方法比较安全,ACTION=“URL”,14,表单输入元素-1,文本框、按钮、单选按钮、复选框等都是输入元素。,15,表单输入元素-2,BUTTON（按钮）,16,表单输入元素-3,身份证号,TEXT（文本）,密码：,请填写您的工作经历,17,表单输入元素-4,性别：男性女性,单选按钮和复选框,你喜欢以下哪些明星：酒井法子郑秀文BonJovi,18,HTML输入元素-5,2004年欧锦赛预测“最佳球员”RonaldoBeckhamZidane预测大赛亚军巴西法国阿根廷预测谁将成为2004年欧锦赛冠军？,阅读代码，请问网页中的显示结果？,19,表单输入元素-6,下拉菜单,谁是2002年世界杯冠军？西班牙法国巴西德国,列表选项,20,表单输入元素-7,课堂练习:请编写HTML代码,21,框架,广告栏顶部框架(top.htm),商品详细介绍右侧框架(main.htm),商品导航左侧框架(left.htm),22,为何使用框架,在另一个固定部分显示导航部分,在页面的一个固定部分显示徽标或静态信息,在此处显示主要内容。站点中只有此部分是变化的。,23,使用框架,演示如何做上述框架？,24,总结4-1,表格标题数据1数据2.数据11数据22,跨行的单元格：数据11跨列的单元格：数据22,表格的一般语法：,25,总结4-2,文本框密码框文本域单选按钮男性复选框酒井法子,表单的一般语